/* Accordion — i2t3 component styles
 * Bootstrap covers most of the accordion styling. Tweak the i2t3 specifics here.
 */

.i2t3-accordion-section { position: relative; }

.i2t3-accordion-section .accordion-button {
    font-weight: 600;
}
.i2t3-accordion-section .accordion-button:not(.collapsed) {
    background-color: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.08);
    color: var(--i2t3-primary, #0d6efd);
}
/* Card-like separated items for non-flush variants only. The flush variant must
 * keep Bootstrap's borderless, edge-to-edge look (otherwise it looks like simple). */
.i2t3-accordion-section .accordion:not(.accordion-flush) .accordion-item + .accordion-item {
    margin-top: 0.5rem;
}
.i2t3-accordion-section .accordion:not(.accordion-flush) .accordion-item {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    overflow: hidden;
}

/* faq variant: a +/- indicator instead of the default chevron (mirrors the
 * Karma/Bootstrap "faq-accordion" look, adapted to the BS5 accordion markup) so
 * it is visibly distinct from "simple" (chevron) and "flush" (borderless). */
.i2t3-accordion-section .faq-accordion .accordion-button::after {
    background-image: none;
    content: "+";
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    transform: none;
}
.i2t3-accordion-section .faq-accordion .accordion-button:not(.collapsed)::after {
    content: "\2212"; /* minus sign */
}