/* ================================================================
   BBG Editions Archive — Neumorphic / Stripe-clarity override
   Loaded on bbg_edition archive page via ?v2=1
   Overrides edition-archive.css with soft-UI neumorphic shadows,
   no borders, and a muted surface background.
   ================================================================ */

/* ================================================================
   TOKEN OVERRIDES — neumorphic surface
   ================================================================ */
.bbg-editions-archive {
    --ea-surface:     #e8ecf2;

    /* Neumorphic shadow pair */
    --neu-d:          #c5cbd7;
    --neu-l:          #ffffff;

    background: #e8ecf2 !important;
}


/* ================================================================
   HERO — sunken / pressed neumorphic container
   ================================================================ */
.bbg-editions-archive .bbg-ea-hero {
    border-radius: 20px !important;
    margin: 8px 24px 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
    border: none !important;
    position: relative !important;
}

/* Sunken inset shadow over the gradient overlay */
.bbg-editions-archive .bbg-ea-hero::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    z-index: 3 !important;
    pointer-events: none !important;
    box-shadow:
        inset  0  8px 18px rgba(0, 0, 0, .45),
        inset  0 -4px 12px rgba(0, 0, 0, .15),
        inset  6px 0 14px  rgba(0, 0, 0, .18),
        inset -6px 0 14px  rgba(0, 0, 0, .18) !important;
}

/* Outer lip — surface shadow INTO the recess */
.bbg-editions-archive .bbg-ea-hero {
    outline: 2px solid rgba(0, 0, 0, .06) !important;
    outline-offset: -2px !important;
}

/* Stats pill — extruded on dark */
.bbg-editions-archive .bbg-ea-hero__stats {
    background: rgba(232, 236, 242, 0.08) !important;
    border: none !important;
    box-shadow:
        4px 4px 12px rgba(0, 0, 0, .30),
       -4px -4px 12px rgba(255, 255, 255, .06) !important;
    backdrop-filter: blur(14px) saturate(1.4) !important;
}

.bbg-editions-archive .bbg-ea-hero__stat-divider {
    background: rgba(255, 255, 255, 0.10) !important;
}

/* Marquee strip — subtle extruded band */
.bbg-editions-archive .bbg-ea-hero__marquee-wrap {
    border-top: none !important;
    background: rgba(0, 10, 30, 0.35) !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, .25) !important;
}

/* Hero rule — neumorphic accent */
.bbg-editions-archive .bbg-ea-hero__rule {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15) !important;
}


/* ================================================================
   SECTION HEADERS
   ================================================================ */
.bbg-editions-archive .bbg-ea-section__head-num,
.bbg-editions-archive .bbg-ea-section__head-count {
    background: #e8ecf2 !important;
    border: none !important;
    box-shadow: 4px 4px 10px #c5cbd7, -4px -4px 10px #ffffff !important;
}

.bbg-editions-archive .bbg-ea-section__rule {
    background: linear-gradient(90deg, #c5cbd7 0%, transparent 100%) !important;
}

/* Past section — same neumorphic surface */
.bbg-editions-archive .bbg-ea-section--past {
    background: #e2e6ed !important;
}


/* ================================================================
   FEATURED SPOTLIGHT CARD — extruded with accent
   ================================================================ */
.bbg-editions-archive .bbg-ea-featured {
    background: #e8ecf2 !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 8px 8px 22px #c5cbd7, -8px -8px 22px #ffffff !important;
    overflow: hidden !important;
    transition: box-shadow 0.35s ease !important;
}

.bbg-editions-archive .bbg-ea-featured:hover {
    box-shadow: 10px 10px 30px #c5cbd7, -10px -10px 30px #ffffff !important;
}

/* Body panel */
.bbg-editions-archive .bbg-ea-featured__body {
    background: #e8ecf2 !important;
}

/* Accent bar — neumorphic groove */
.bbg-editions-archive .bbg-ea-featured__accent-bar {
    background: linear-gradient(180deg, #0babe4 0%, rgba(11,171,228,0.15) 100%) !important;
    box-shadow: 2px 0 6px rgba(11, 171, 228, 0.2) !important;
}

/* Chips — extruded pills */
.bbg-editions-archive .bbg-ea-chip {
    background: #e8ecf2 !important;
    border: none !important;
    box-shadow: 3px 3px 8px #c5cbd7, -3px -3px 8px #ffffff !important;
    color: #002d72 !important;
}

/* Featured date — subtle sunken */
.bbg-editions-archive .bbg-ea-featured__date {
    color: #6b7a94 !important;
}


/* ================================================================
   BADGE — extruded pill
   ================================================================ */
.bbg-editions-archive .bbg-ea-badge {
    background: rgba(11, 171, 228, 0.85) !important;
    border: none !important;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .25),
               -2px -2px 6px rgba(255, 255, 255, .08) !important;
    backdrop-filter: blur(8px) !important;
}


/* ================================================================
   BUTTON — extruded with press state
   ================================================================ */
.bbg-editions-archive .bbg-ea-btn {
    background: #e8ecf2 !important;
    color: #001845 !important;
    border: none !important;
    border-radius: 100px !important;
    box-shadow: 6px 6px 16px #c5cbd7, -6px -6px 16px #ffffff !important;
    transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}

.bbg-editions-archive .bbg-ea-btn:hover {
    background: #e8ecf2 !important;
    color: #002d72 !important;
    transform: translateY(-1px) !important;
    box-shadow: 8px 8px 22px #c5cbd7, -8px -8px 22px #ffffff !important;
}

.bbg-editions-archive .bbg-ea-btn:active {
    transform: translateY(0) !important;
    box-shadow: inset 3px 3px 7px #c5cbd7, inset -3px -3px 7px #ffffff !important;
}


/* ================================================================
   EDITION CARDS — extruded with depth
   ================================================================ */
.bbg-editions-archive .bbg-ea-card {
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 6px 6px 16px #c5cbd7, -6px -6px 16px #ffffff !important;
    transition: transform 0.35s cubic-bezier(.4,0,.2,1),
                box-shadow 0.35s ease !important;
}

.bbg-editions-archive .bbg-ea-card:hover {
    transform: translateY(-6px) scale(1.01) !important;
    box-shadow: 8px 8px 22px #c5cbd7, -8px -8px 22px #ffffff !important;
    border-color: transparent !important;
}

/* Card overlay — slightly reduce opacity for neumorphic feel */
.bbg-editions-archive .bbg-ea-card__overlay {
    border-radius: 20px !important;
}

/* Past card overlay */
.bbg-editions-archive .bbg-ea-card--past .bbg-ea-card__overlay--past {
    border-radius: 20px !important;
}

/* Card CTA link */
.bbg-editions-archive .bbg-ea-card__cta::after {
    background: #0babe4 !important;
}


/* ================================================================
   GRID — spacing for neumorphic shadow room
   ================================================================ */
.bbg-editions-archive .bbg-ea-grid {
    gap: 28px !important;
}


/* ================================================================
   SECTION DIVIDERS — remove borders, use shadow gaps
   ================================================================ */
.bbg-editions-archive .bbg-ea-section + .bbg-ea-section::before {
    background: linear-gradient(90deg, #c5cbd7 0%, transparent 50%, #c5cbd7 100%) !important;
    height: 1px !important;
    opacity: 0.5 !important;
}


/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 767px) {
    .bbg-editions-archive .bbg-ea-hero {
        margin: 4px 12px 0 !important;
        border-radius: 14px !important;
    }

    .bbg-editions-archive .bbg-ea-featured {
        border-radius: 16px !important;
    }

    .bbg-editions-archive .bbg-ea-card {
        border-radius: 16px !important;
    }

    .bbg-editions-archive .bbg-ea-card__overlay {
        border-radius: 16px !important;
    }

    .bbg-editions-archive .bbg-ea-grid {
        gap: 20px !important;
    }
}

@media (max-width: 480px) {
    .bbg-editions-archive .bbg-ea-hero {
        margin: 4px 8px 0 !important;
        border-radius: 12px !important;
    }

    .bbg-editions-archive .bbg-ea-featured {
        border-radius: 14px !important;
    }

    .bbg-editions-archive .bbg-ea-card {
        border-radius: 14px !important;
    }

    .bbg-editions-archive .bbg-ea-card__overlay {
        border-radius: 14px !important;
    }
}