/* --- Global accordion mechanics (presentation-neutral) --- */

/* Clickable cursor */
.accordion-global .accordion-head { 
cursor: pointer;
pointer-events: auto;
position: relative;
z-index: 1
}

/* Panel: hidden/animated by height */
.accordion-global .accordion-panel {
height: 0;
visibility: hidden;
overflow: hidden;
transition: height 0.3s ease;
padding: 0; /* put padding on .accordion-content per block */
}

/* Panel visible when active; height is set inline by JS */
.accordion-global .accordion-panel.active { visibility: visible; }

/* Content fades in after height finishes */
.accordion-global .accordion-content {
opacity: 0;
transition: opacity 0.3s ease 0.3s;
}

.accordion-global .accordion-content.active { opacity: 1; }

.accordion-global .accordion-indicator {
font-size: 1.5rem;
color: #a7794b;
}


.accordion-head {
position: relative;
display: block;
width: 100%;
border: none;
background: transparent;
padding: 12px 40px 12px 0;
border-top: 1px solid #aea49f;
}


.accordion-indicator {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 28px;
text-align: center;
}

/* Indicator swap (+/-) */
.accordion-plus { display: block; }
.accordion-minus { display: none; }
.accordion-head.active .accordion-plus { display: none; }
.accordion-head.active .accordion-minus { display: block; }

/* Child content padding (indented a bit) */
.accordion-content {
padding: 8px 30px 6px;
}

/* Focus ring */
.accordion-head:focus-visible {
outline: 2px solid var(--gold, currentColor);
outline-offset: 2px;
}

/* --- Editor-only: keep open so InnerBlocks are usable --- */
body.block-editor-page .accordion-panel {
height: auto !important;
visibility: visible !important;
overflow: visible !important;
}
body.block-editor-page .accordion-content {
opacity: 1 !important;
}