/*
 * Elatum Version Browser Widget CSS
 * Loaded only when [elatum_versions] shortcode is rendered.
 * Requires elatum-shared.css.
 */

.amel-card--versions-browser {
    flex-direction: row;
    align-items:    flex-start;
}

/* ── Version list ────────────────────────────────────────────────────────── */
.amel-vb-list {
    margin-top:    8px;
    border:        1px solid var(--amel-border);
    border-radius: var(--amel-radius-sm);
    overflow:      hidden;
    width:         100%;
    box-sizing:    border-box;
}

.amel-vb-item { border-bottom: 1px solid var(--amel-border); }
.amel-vb-item:last-child { border-bottom: none; }

.amel-vb-toggle {
    width:           100%;
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    gap:             10px;
    padding:         10px 14px;
    background:      none;
    border:          none;
    cursor:          pointer;
    text-align:      left;
    transition:      background 0.2s;
}
.amel-vb-toggle:hover              { background: var(--amel-glass-hover); }
.amel-vb-toggle[aria-expanded="true"] { background: var(--amel-glass-hover); }

.amel-vb-toggle-left {
    display:    flex;
    align-items: center;
    gap:         8px;
    flex-wrap:   wrap;
}

.amel-vb-latest-badge {
    background:     var(--amel-accent-glow);
    border:         1px solid var(--amel-accent-border);
    color:          var(--amel-accent);
    padding:        2px 7px;
    border-radius:  4px;
    font-size:      10px;
    font-weight:    700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.amel-vb-body {
    padding:    10px 14px 14px;
    background: var(--amel-glass);
    border-top: 1px solid var(--amel-border);
}
.amel-vb-body[hidden] { display: none; }