/* ── Auto Launch Accordion Block ──────────────────────────────────────────── */

.al-accordion {
    --al-acc-gap:         8px;
    --al-acc-bg:          #ffffff;
    --al-acc-hover-bg:    #fafafa;
    --al-acc-active-bg:   #fff8f8;
    --al-acc-border:      #e0e0e0;
    --al-acc-q-color:     #111111;
    --al-acc-a-color:     #444444;
    --al-acc-icon-color:  #EC0400;
    --al-acc-radius:      8px;
    --al-acc-q-size:      16px;
    --al-acc-a-size:      15px;

    display: flex;
    flex-direction: column;
    gap: var(--al-acc-gap);
    width: 100%;
}

/* ── Item ───────────────────────────────────────────────────────────────── */
.al-acc-item {
    border-radius: var(--al-acc-radius);
    border: 1px solid var(--al-acc-border);
    background: var(--al-acc-bg);
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

/* Separator-only mode — no background fill, just a bottom border */
.al-acc-item.al-acc-separator {
    border: none;
    border-bottom: 1px solid var(--al-acc-border);
    border-radius: 0;
    background: transparent;
}

.al-accordion .al-acc-item:hover:not(.al-acc-open) {
    background-color: var(--al-acc-hover-bg) !important;
}
.al-accordion .al-acc-item.al-acc-separator:hover {
    background: transparent !important;
}

.al-accordion .al-acc-item.al-acc-open {
    background-color: var(--al-acc-active-bg) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.al-accordion .al-acc-item.al-acc-separator.al-acc-open {
    box-shadow: none;
    background: transparent !important;
}

/* ── Trigger (question row) ──────────────────────────────────────────────── */
/* Parent-chained selector beats GP's global button:hover { background-color: #3f4047 } */
.al-accordion .al-acc-trigger,
.al-accordion .al-acc-trigger:hover,
.al-accordion .al-acc-trigger:focus,
.al-accordion .al-acc-trigger:active,
.al-accordion .al-acc-trigger:focus-visible {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: inherit !important;
    outline: none !important;
}

.al-accordion .al-acc-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 16px 18px;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    line-height: 1.4;
    margin: 0;
}

.al-acc-trigger .al-acc-question-wrap { flex: 1; min-width: 0; }

/* ── Icon ────────────────────────────────────────────────────────────────── */
.al-acc-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--al-acc-icon-color);
    font-style: normal;
    transition: transform 0.3s ease;
    font-size: 20px;
    line-height: 1;
    border-radius: 50%;
}

/* Plus / minus */
.al-acc-icon[data-style="plus"]::before   { content: '+'; font-weight: 300; }
.al-acc-open .al-acc-icon[data-style="plus"]::before { content: '−'; }

/* Arrow */
.al-acc-icon[data-style="arrow"]::before  { content: '▸'; font-size: 16px; }
.al-acc-open .al-acc-icon[data-style="arrow"] { transform: rotate(90deg); }

/* Chevron */
.al-acc-icon[data-style="chevron"]::before { content: ''; display: block;
    width: 9px; height: 9px;
    border-right: 2.5px solid var(--al-acc-icon-color);
    border-bottom: 2.5px solid var(--al-acc-icon-color);
    transform: rotate(45deg);
    margin-top: -4px;
}
.al-acc-open .al-acc-icon[data-style="chevron"]::before { transform: rotate(-135deg); margin-top: 4px; }

/* Custom SVG icon */
.al-acc-icon[data-style="custom"] {
    color: var(--al-acc-icon-color);
}
.al-acc-icon[data-style="custom"] svg {
    width: 18px;
    height: 18px;
    display: block;
    fill: currentColor;
}
.al-acc-open .al-acc-icon[data-style="custom"] { transform: rotate(180deg); }

/* ── Body (answer) ───────────────────────────────────────────────────────── */
.al-acc-body {
    overflow: hidden;
    height: 0;
    transition: height 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.al-acc-answer {
    padding: 0 18px 18px;
    font-size: var(--al-acc-a-size);
    color: var(--al-acc-a-color);
    line-height: 1.7;
}
.al-acc-answer p:first-child { margin-top: 0; }
.al-acc-answer p:last-child  { margin-bottom: 0; }
.al-acc-answer a { color: var(--al-acc-icon-color); }

/* ── Editor styles ───────────────────────────────────────────────────────── */
.al-acc-editor-item .al-acc-editor-q .components-rich-text__editable {
    outline: none;
}

/* ── Per-item SVG icon ───────────────────────────────────────────────────── */
.al-acc-question-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.al-acc-q-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
}

.al-acc-q-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.al-acc-question {
    font-size: var(--al-acc-q-size);
    font-weight: 600;
    color: var(--al-acc-q-color);
    flex: 1;
    min-width: 0;
}