/* =============================================================================
   FAQ Schema Generator — Front-end Accordion CSS
   Version: 2.0.0
   ============================================================================= */

.fsg-accordion {
    margin: 2.5em 0;
    clear: both;
}

/* ── Item ────────────────────────────────────────────────────────────────────── */
.fsg-accordion__item {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: .875em;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
    overflow: hidden;
    transition: box-shadow .2s ease;
}
.fsg-accordion__item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

/* ── Trigger (button) ────────────────────────────────────────────────────────── */
.fsg-accordion__trigger {
    width: 100%;
    background: none;
    border: none;
    padding: 1.1em 1.25em;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    text-align: left;
    font-weight: 600;
    line-height: 1.4;
    color: inherit;
    transition: background .15s ease;
}
.fsg-accordion__trigger:hover {
    background: rgba(0,0,0,.025);
}
.fsg-accordion__trigger:focus {
    outline: 2px solid currentColor;
    outline-offset: -2px;
}

/* ── Question text ───────────────────────────────────────────────────────────── */
.fsg-accordion__question {
    flex: 1;
}

/* ── Icon ────────────────────────────────────────────────────────────────────── */
.fsg-accordion__icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .25s ease;
    line-height: 1;
}

/* Open state — rotate icon when panel is open */
.fsg-accordion__trigger[aria-expanded="true"] .fsg-accordion__icon {
    transform: rotate(180deg);
}

/* ── Panel ───────────────────────────────────────────────────────────────────── */
.fsg-accordion__panel {
    overflow: hidden;
    border-top: 1px solid #e5e7eb;
}
.fsg-accordion__panel[hidden] {
    display: none;
}

/* ── Body ────────────────────────────────────────────────────────────────────── */
.fsg-accordion__body {
    padding: .875em 1.25em 1.25em;
    line-height: 1.65;
    opacity: .85;
}
.fsg-accordion__body p:last-child { margin-bottom: 0; }

/* ── Chevron icon variant ────────────────────────────────────────────────────── */
.fsg-icon-chevron::before {
    content: '›';
    font-style: normal;
    font-weight: 700;
}
.fsg-accordion__trigger[aria-expanded="true"] .fsg-icon-chevron {
    transform: rotate(90deg);
}

/* ── Arrow icon variant ──────────────────────────────────────────────────────── */
.fsg-icon-arrow::before {
    content: '↓';
    font-style: normal;
}
.fsg-accordion__trigger[aria-expanded="true"] .fsg-icon-arrow {
    transform: rotate(180deg);
}

/* ── Per-group border-radius passthrough ─────────────────────────────────────── */
/* When border-radius is set inline on the item, ensure the trigger inherits it */
.fsg-accordion__item .fsg-accordion__trigger {
    border-radius: inherit;
}
.fsg-accordion__item .fsg-accordion__trigger[aria-expanded="true"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}