/* FAQ Category Cards */
.faq-cat-card.is-active .bg-white { border-color: #EC5B13; box-shadow: 0 0 0 2px rgba(236,91,19,.15); }
.faq-cat-card.is-active h3 { color: #EC5B13; }

/* FAQ Accordion */
.faq-item { transition: border-color .15s; }
.faq-item:hover { border-color: #d1d5db; }
.faq-item.is-open { border-color: #EC5B13; }
.faq-item.is-open .faq-icon { background: #EC5B13; color: #fff; transform: rotate(180deg); }
.faq-item.is-open .faq-trigger { background: rgba(236,91,19,.03); }
.faq-item .faq-answer { max-height: 0; overflow: hidden; transition: max-height .3s ease, padding .3s ease; padding-top: 0; padding-bottom: 0; }
.faq-item .faq-answer.hidden { display: block; max-height: 0; padding-top: 0; padding-bottom: 0; }
.faq-item.is-open .faq-answer { max-height: 2000px; padding-bottom: 24px; }

/* Filter transition */
.faq-item.faq-hidden { display: none; }

/* Subcategory select styling */
.faq-sub-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 32px;
}