/* ==========================================================================
 * pages/faq.css — Preguntas Frecuentes (dark accordion reskin)
 * --------------------------------------------------------------------------
 * LOADED BY : src/templates/faq.html, via {% block page_css %} only.
 * ROUTE     : GET /faq
 * NAMESPACE : reskins Bootstrap's .accordion-item/.accordion-button/
 *             .accordion-body directly (page-scoped file, safe to target
 *             bare Bootstrap classes here since this file only loads on
 *             this one page and Bootstrap's own accordion rules are what
 *             we're intentionally reskinning).
 * ========================================================================== */

.accordion-item {
    background-color: transparent;
    border: 1px solid var(--ax-border);
    margin-bottom: 15px;
    border-radius: var(--ax-radius-md) !important; /* !important: beats Bootstrap's accordion-item border-radius */
    overflow: hidden;
}
.accordion-button {
    background-color: rgba(20, 20, 20, 0.6);
    color: var(--ax-text);
    backdrop-filter: blur(5px);
    font-weight: var(--ax-weight-bold);
}
.accordion-button:not(.collapsed) {
    background-color: var(--ax-primary-subtle);
    color: var(--ax-primary-text);
    box-shadow: none;
}
.accordion-button::after {
    filter: invert(1); /* white arrow */
}
.accordion-body {
    background-color: rgba(10, 10, 10, 0.8);
    color: var(--ax-text-muted);
    border-top: 1px solid var(--ax-border);
}