/* FAQ Fix CSS - Enhanced specificity to ensure styles work */
.faq .faq-container .faq-item .faq-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
}

.faq .faq-container .faq-item .faq-content p {
    overflow: hidden;
    margin-bottom: 0;
}

.faq .faq-container .faq-active .faq-content {
    grid-template-rows: 1fr;
    visibility: visible;
    opacity: 1;
    padding-top: 10px;
}

/* Ensure the toggle rotates properly */
.faq .faq-container .faq-active .faq-toggle {
    transform: rotate(90deg);
}

/* Ensure background changes for active FAQ */
.faq .faq-container .faq-active {
    background-color: var(--accent-color);
    color: var(--contrast-color);
}

.faq .faq-container .faq-active h3 {
    color: var(--contrast-color);
}