/* ================================================================
   BBG Press Releases — Neumorphic / Stripe-clarity override
   Loaded via ?v2=1
   ================================================================ */

/* ── Neumorphic tokens ───────────────────────────────────────── */
.bbg-pr-wrap {
    --neu-bg: #e8ecf2;
    --neu-d:  #c5cbd7;
    --neu-l:  #ffffff;
}

/* ── Filter bar — extruded card ──────────────────────────────── */
.bbg-pr-filters {
    background: var(--neu-bg) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow:
        6px 6px 16px var(--neu-d),
       -6px -6px 16px var(--neu-l) !important;
    border-radius: 20px !important;
}

/* ── Pills — extruded ────────────────────────────────────────── */
.bbg-pr-pill {
    background: var(--neu-bg) !important;
    border: none !important;
    box-shadow:
        3px 3px 7px var(--neu-d),
       -3px -3px 7px var(--neu-l) !important;
    border-radius: 50px !important;
    transition: all .18s !important;
}

.bbg-pr-pill:hover {
    background: var(--neu-bg) !important;
    border: none !important;
    color: #002D72 !important;
    box-shadow:
        inset 3px 3px 7px var(--neu-d),
        inset -3px -3px 7px var(--neu-l) !important;
}

.bbg-pr-pill.active {
    background: linear-gradient(135deg, #001845 0%, #0050C8 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow:
        3px 3px 7px var(--neu-d),
       -3px -3px 7px var(--neu-l),
        0 4px 14px rgba(0, 24, 69, .25) !important;
}

/* ── Cards — extruded ────────────────────────────────────────── */
.bbg-pr-card {
    background: var(--neu-bg) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow:
        6px 6px 16px var(--neu-d),
       -6px -6px 16px var(--neu-l) !important;
    border-radius: 20px !important;
}

.bbg-pr-card:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        8px 8px 22px var(--neu-d),
       -8px -8px 22px var(--neu-l) !important;
    border: none !important;
}

/* ── Card header — keep gradient ─────────────────────────────── */
.bbg-pr-card-header {
    border-radius: 20px 20px 0 0;
}

/* ── Edition thumb — extruded ────────────────────────────────── */
.bbg-pr-edition-thumb {
    border: none !important;
    box-shadow:
        2px 2px 5px rgba(0, 0, 0, .2),
       -2px -2px 5px rgba(255, 255, 255, .15) !important;
}

/* ── Badges — extruded ───────────────────────────────────────── */
.bbg-pr-badge-lang {
    background: rgba(255, 255, 255, .15) !important;
    border: none !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1) !important;
}

/* ── Card footer — no border ─────────────────────────────────── */
.bbg-pr-card-footer {
    border-top: 1px solid rgba(197, 203, 215, .3) !important;
}

/* ── Language tabs ───────────────────────────────────────────── */
.bbg-pr-lang-tabs {
    background: var(--neu-bg) !important;
    border-bottom: 1px solid rgba(197, 203, 215, .3) !important;
}

/* ── Download button — extruded ──────────────────────────────── */
.bbg-pr-download-btn {
    border-radius: 12px !important;
    box-shadow:
        4px 4px 10px var(--neu-d),
       -4px -4px 10px var(--neu-l),
        0 4px 18px rgba(0, 24, 69, .25) !important;
}

.bbg-pr-download-btn:hover {
    box-shadow:
        5px 5px 14px var(--neu-d),
       -5px -5px 14px var(--neu-l),
        0 8px 28px rgba(0, 24, 69, .35) !important;
}

/* ── Preview button — extruded ───────────────────────────────── */
.bbg-pr-preview-btn {
    background: var(--neu-bg) !important;
    border: none !important;
    box-shadow:
        3px 3px 7px var(--neu-d),
       -3px -3px 7px var(--neu-l) !important;
    border-radius: 12px !important;
}

.bbg-pr-preview-btn:hover {
    background: var(--neu-bg) !important;
    color: #002D72 !important;
    box-shadow:
        inset 3px 3px 7px var(--neu-d),
        inset -3px -3px 7px var(--neu-l) !important;
}

/* ── Load more button — extruded ─────────────────────────────── */
.bbg-pr-load-more {
    background: var(--neu-bg) !important;
    border: none !important;
    box-shadow:
        4px 4px 10px var(--neu-d),
       -4px -4px 10px var(--neu-l) !important;
    border-radius: 14px !important;
    color: #001845 !important;
}

.bbg-pr-load-more:hover {
    background: linear-gradient(135deg, #001845 0%, #0050C8 100%) !important;
    color: #fff !important;
    box-shadow:
        5px 5px 14px var(--neu-d),
       -5px -5px 14px var(--neu-l),
        0 6px 24px rgba(0, 24, 69, .28) !important;
}

#bbg-pr-remaining {
    box-shadow:
        2px 2px 5px var(--neu-d),
       -2px -2px 5px var(--neu-l) !important;
}

/* ── Empty state — sunken ────────────────────────────────────── */
.bbg-pr-empty-state {
    box-shadow:
        inset 3px 3px 7px var(--neu-d),
        inset -3px -3px 7px var(--neu-l) !important;
    border-radius: 20px !important;
    background: var(--neu-bg) !important;
    padding: 60px 20px !important;
}