/* Accordion + — i2t3 component styles
 * The richer accordion (vs. the Bootstrap "accordion"): style variants, sizes,
 * per-item icon and per-item initial-open. Built on the Bootstrap accordion.
 */

.i2t3-accordion-plus__icon {
    width: 1.25em;
    text-align: center;
    color: var(--i2t3-accplus-accent, var(--i2t3-primary, #0d6efd));
}

/* Sizes */
.i2t3-accordion-plus--sm .accordion-button { padding: .5rem .85rem; font-size: .9rem; }
.i2t3-accordion-plus--lg .accordion-button { padding: 1.25rem 1.5rem; font-size: 1.15rem; }

/* Style: flush — borderless */
.i2t3-accordion-plus--flush .accordion-item { border-left: 0; border-right: 0; border-radius: 0; }
.i2t3-accordion-plus--flush .accordion-item:first-child { border-top: 0; }
.i2t3-accordion-plus--flush .accordion-button { background: transparent; padding-left: 0; padding-right: 0; }

/* Style: modern — separated rounded cards */
.i2t3-accordion-plus--modern .accordion-item {
    border: 1px solid var(--i2t3-border-color, #dee2e6);
    border-radius: .5rem;
    margin-bottom: .75rem;
    overflow: hidden;
}
.i2t3-accordion-plus--modern .accordion-button { border-radius: 0; }

/* Style: filled — active header in theme primary */
.i2t3-accordion-plus--filled .accordion-button:not(.collapsed) {
    background: var(--i2t3-accplus-accent, var(--i2t3-primary, #0d6efd));
    color: #fff;
}
.i2t3-accordion-plus--filled .accordion-button:not(.collapsed) .i2t3-accordion-plus__icon { color: #fff; }
.i2t3-accordion-plus--filled .accordion-button:not(.collapsed)::after { filter: brightness(0) invert(1); }

/* Style: faq — subtle question emphasis */
.i2t3-accordion-plus--faq .accordion-button { font-weight: 600; }