/* PAA Product FAQ accordion — dedicated styles (theme Tailwind is pre-compiled).
   Only the <details>/<summary> behavior that utility classes can't cover lives here. */

#product-faq.paa-faq .paa-faq-item {
    overflow: hidden;
    transition: border-color 0.2s ease;
}

#product-faq.paa-faq .paa-faq-item[open] {
    border-color: rgba(251, 146, 60, 0.5); /* orange-400 @ 50% */
}

/* Hide the native disclosure triangle across browsers */
#product-faq.paa-faq summary.paa-faq-q {
    list-style: none;
}
#product-faq.paa-faq summary.paa-faq-q::-webkit-details-marker {
    display: none;
}
#product-faq.paa-faq summary.paa-faq-q::marker {
    content: "";
}

/* +/- toggle icon */
#product-faq.paa-faq .paa-faq-icon {
    font-family: inherit;
    font-size: 1.25em;
    line-height: 1;
    transition: transform 0.2s ease;
}
#product-faq.paa-faq .paa-faq-item[open] .paa-faq-icon {
    transform: rotate(45deg); /* + becomes x */
}

#product-faq.paa-faq summary.paa-faq-q:hover {
    filter: brightness(1.15);
}

/* Gentle reveal of the answer */
#product-faq.paa-faq .paa-faq-item[open] .paa-faq-a {
    animation: paaFaqReveal 0.25s ease;
}
@keyframes paaFaqReveal {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}