/* Season Toggle — Vinter/Sommar switcher. b-seasons, kabdalis2 design tokens.
   Panels are stacked in the same grid cell and crossfade on .is-active;
   the pill thumb slides under the active tab (pine = winter, accent = summer).
   Without JS the start panel simply stays visible (static state). */
.b-seasons{
    display:flex; flex-direction:column;
    gap:20px;
}
.b-seasons__head{
    display:flex; flex-direction:column;
    gap:6px;
    text-align:center;
}
.b-seasons__title{ margin:0; }

/* Pill toggle. */
.b-seasons__switch{
    position:relative;
    display:inline-flex;
    align-self:center;
    padding:4px;
    border-radius:999px;
    background:var(--surface2,#f5f1ea);
    border:1px solid var(--line,#e4ded2);
}
.b-seasons__tab{
    position:relative; z-index:1;
    flex:1;
    min-height:40px; min-width:110px;
    padding:8px 22px;
    border:0; background:none;
    border-radius:999px;
    font:inherit; font-weight:600;
    color:var(--ink,#25211b);
    cursor:pointer;
    transition:color 250ms ease;
}
.b-seasons__tab.is-active{ color:var(--on-accent, #fff); }
.b-seasons__thumb{
    position:absolute; z-index:0;
    top:4px; bottom:4px; left:4px;
    width:calc(50% - 4px);
    border-radius:999px;
    background:var(--pine);
    transform:translateX(0);
    transition:transform 250ms ease, background-color 250ms ease;
}
.b-seasons.is-summer .b-seasons__thumb{
    transform:translateX(100%);
    background:var(--accent);
}

/* Panels — stacked, crossfading. */
.b-seasons__panels{ display:grid; }
.b-seasons__panel{
    grid-area:1 / 1;
    display:flex; flex-direction:column;
    gap:10px;
    opacity:0;
    transform:translateY(6px);
    pointer-events:none;
    transition:opacity 300ms ease, transform 300ms ease;
}
.b-seasons__panel.is-active{
    opacity:1;
    transform:none;
    pointer-events:auto;
}
.b-seasons__photo{
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:var(--radius,14px);
    background:var(--surface2,#f5f1ea);
    border:1px solid var(--line,#e4ded2);
}
.b-seasons__photo img{
    width:100%; height:100%;
    object-fit:cover;
    display:block;
}
.b-seasons__t{ margin:0; }
.b-seasons__b{ margin:0; color:var(--ink,#25211b); }

@media (prefers-reduced-motion: reduce){
    .b-seasons__tab,
    .b-seasons__thumb,
    .b-seasons__panel{ transition:none; }
    .b-seasons__panel{ transform:none; }
}

/* --- Editor-only: show both panels stacked, labelled. --- */
.kabdalis-seasons-editor .b-seasons__panels{ gap:24px; }
.kabdalis-seasons-editor .b-seasons__panel{
    grid-area:auto;
    opacity:1;
    transform:none;
    pointer-events:auto;
}
.kabdalis-seasons-editor__tag{
    font-family:var(--font-mono);
    font-size:.72rem;
    text-transform:uppercase; letter-spacing:.05em;
    color:var(--muted);
}
.kabdalis-seasons-editor__empty{
    display:flex; align-items:center; justify-content:center;
    height:100%;
}