/* Contact Page Styles */

/* Contact Container */
.contact-container {
    padding-bottom: 2rem;
}

/* Contact Card Styling */
.contact-card {
    transition: all 0.3s ease;
}

.contact-card.active {
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
    background-color: rgba(239, 246, 255, 1);
}

.dark .contact-card.active {
    box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.5);
    background-color: rgba(30, 58, 138, 0.2);
}

.contact-card:hover {
    transform: translateY(-2px);
}

/* Support Card - Purple Highlight when active */
.contact-card.support-request.active {
    box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.5);
    background-color: rgba(245, 243, 255, 1);
}

.dark .contact-card.support-request.active {
    box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.5);
    background-color: rgba(91, 33, 182, 0.2);
}

/* Sales Card - Green Highlight when active */
.contact-card.sales-inquiry.active {
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.5);
    background-color: rgba(236, 253, 245, 1);
}

.dark .contact-card.sales-inquiry.active {
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.5);
    background-color: rgba(6, 95, 70, 0.2);
}

/* Form Field Focus Styles */
input:focus, textarea:focus, select:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}

/* FAQ Accordion Styles */
.faq-item {
    overflow: hidden;
}

.faq-question {
    cursor: pointer;
}

.faq-answer {
    transition: max-height 0.3s ease;
}

/* Animation for Form Success/Error */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

#contact-success:not(.hidden),
#contact-error:not(.hidden) {
    animation: fadeIn 0.3s ease-out forwards;
}