/* ==========================================================================
   TABS & ACCORDION - Bootstrap nav-tabs / accordion in the dark palette.
   Rendered by paragraph--tabpanes.html.twig (field_accordion switches mode).
   ========================================================================== */
.nav-tabs { border-bottom: 1px solid var(--epsa-line); gap: var(--space-1); flex-wrap: wrap; }
.nav-tabs .nav-link {
  border: 0; border-bottom: 2px solid transparent; border-radius: 0;
  padding: var(--space-3) var(--space-4); font-weight: 600; color: var(--epsa-muted);
}
.nav-tabs .nav-link:hover { color: var(--epsa-ink); }
.nav-tabs .nav-link.active { background: transparent; color: var(--epsa-gold); border-bottom-color: var(--epsa-gold); }
.tab-content { padding-top: var(--space-5); }

.accordion { --bs-accordion-btn-focus-box-shadow: 0 0 0 0.15rem rgba(225, 177, 41, 0.25); }
.accordion-item { background: transparent; border-color: var(--epsa-line); color: var(--epsa-ink); }
.accordion-button { font-weight: 600; background: transparent; color: var(--epsa-ink); }
.accordion-button:not(.collapsed) { background: var(--epsa-navy-light); color: var(--epsa-gold); box-shadow: none; }
.accordion-button::after { filter: invert(1) brightness(1.2); }
.accordion-button:not(.collapsed)::after { filter: invert(72%) sepia(60%) saturate(800%) hue-rotate(5deg); }
.accordion-body { color: var(--epsa-text); }