/* FAQ Page Styles */

/* FAQ question button hover */
.faq-question {
    transition: background-color 0.2s ease;
}

.faq-question:hover {
    background-color: var(--bg-light, #f8f9fc);
}

@media (prefers-color-scheme: dark) {
    .faq-question:hover {
        background-color: var(--bg-dark, #101322);
    }
}

/* FAQ answer transition */
.faq-answer {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* FAQ icon rotation */
.faq-icon {
    transition: transform 0.3s ease;
}

/* FAQ card hover effects */
.faq-card {
    transition: all 0.3s ease;
}

.faq-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

@media (prefers-color-scheme: dark) {
    .faq-card:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }
}

/* Empty state */
.faq-empty-state {
    transition: all 0.3s ease;
}