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

/* ================================================================
   TOKEN OVERRIDES — neumorphic surface
   ================================================================ */
.bbg-edition-page {
    --bg-page:    #e8ecf2;
    --bg-card:    #e8ecf2;
    --border:     transparent;
    --border-mid: transparent;

    /* Neumorphic shadow pair */
    --neu-d:      #c5cbd7;
    --neu-l:      #ffffff;
    --shadow-xs:  4px 4px 10px var(--neu-d), -4px -4px 10px var(--neu-l);
    --shadow-sm:  5px 5px 14px var(--neu-d), -5px -5px 14px var(--neu-l);
    --shadow-md:  6px 6px 16px var(--neu-d), -6px -6px 16px var(--neu-l);
    --shadow-lg:  8px 8px 22px var(--neu-d), -8px -8px 22px var(--neu-l);
    --shadow-xl:  10px 10px 30px var(--neu-d), -10px -10px 30px var(--neu-l);
    --shadow-inset: inset 3px 3px 7px var(--neu-d), inset -3px -3px 7px var(--neu-l);

    background: var(--bg-page);
}

/* ================================================================
   KILL ALL BORDERS
   ================================================================ */
.bbg-edition-page .card,
.bbg-edition-page .stat-card,
.bbg-edition-page .b2b-card,
.bbg-edition-page .dl-row,
.bbg-edition-page .pr-card,
.bbg-edition-page .art-card,
.bbg-edition-page .gallery-item,
.bbg-edition-page .sidebar,
.bbg-edition-page .sidebar-btn,
.bbg-edition-page .sidebar-btn .sb-icon,
.bbg-edition-page .sidebar-btn .sb-count,
.bbg-edition-page .policy-tag,
.bbg-edition-page .hero-meta-item,
.bbg-edition-page .hero-status,
.bbg-edition-page .empty-state,
.bbg-edition-page .back-btn,
.bbg-edition-page .btn,
.bbg-edition-page .organizer-logo,
.bbg-edition-page .organizer-contacts a,
.bbg-edition-page .organizer-contacts span,
.bbg-edition-page .b2b-icon,
.bbg-edition-page .dl-icon,
.bbg-edition-page .pr-date-block,
.bbg-edition-page .event-chip,
.bbg-edition-page .event-type-badge,
.bbg-edition-page .event-cover,
.bbg-edition-page .filter-btn,
.bbg-edition-page .participant-tile,
.bbg-edition-page .event-gallery-item,
.bbg-edition-page .art-tag,
.bbg-edition-page .art-footer,
.bbg-edition-page .mobile-toggle button,
.bbg-edition-page .agenda-row,
.bbg-edition-page .agenda-row:first-child,
.bbg-edition-page .agenda-seg-type {
    border: none !important;
}

/* ================================================================
   HIDE BLOB BACKGROUND
   ================================================================ */
.bbg-edition-page .bbg-blob-bg { display: none; }

/* ================================================================
   HERO — sunken / pressed neumorphic container
   ================================================================ */
.bbg-edition-page .edition-hero {
    border-radius: var(--r-xl);
    margin: 8px 24px 0;
    min-height: 340px;
    box-shadow: none;
}

/* Put the sunken shadow on top of the gradient overlay so it's visible */
.bbg-edition-page .edition-hero::after {
    border-radius: inherit;
    box-shadow:
        inset  0  8px 18px rgba(0, 0, 0, .45),   /* dark top edge  */
        inset  0 -4px 12px rgba(0, 0, 0, .15),    /* subtle bottom  */
        inset  6px 0 14px  rgba(0, 0, 0, .18),    /* dark left edge */
        inset -6px 0 14px  rgba(0, 0, 0, .18);    /* dark right edge */
}

/* Outer "lip" shadow — the surface casting shadow INTO the hero recess */
.bbg-edition-page .edition-hero {
    outline: 2px solid rgba(0, 0, 0, .06);
    outline-offset: -2px;
}

.bbg-edition-page .hero-status {
    background: rgba(255,255,255,.12);
    backdrop-filter: blur(6px);
}

.bbg-edition-page .hero-meta-item {
    background: rgba(255,255,255,.12);
    backdrop-filter: blur(14px);
    box-shadow: none;
}
.bbg-edition-page .hero-meta-item:hover {
    background: rgba(255,255,255,.22);
}

/* ================================================================
   SIDEBAR — neumorphic extruded card
   ================================================================ */
.bbg-edition-page .sidebar {
    background: var(--bg-page);
    border-top: none !important;
    box-shadow: var(--shadow-md);
    border-radius: var(--r-xl);
}

.bbg-edition-page .sidebar-divider {
    background: var(--neu-d);
    opacity: .4;
}

.bbg-edition-page .sidebar-btn {
    border-radius: var(--r-sm);
    transition: all .15s;
}
.bbg-edition-page .sidebar-btn:hover {
    background: transparent;
    color: var(--blue);
    box-shadow: none;
}
.bbg-edition-page .sidebar-btn.active {
    background: var(--bg-page);
    box-shadow: var(--shadow-inset);
    color: var(--blue-800);
}
.bbg-edition-page .sidebar-btn.active::before {
    display: none; /* remove blue left bar — inset shadow shows active */
}

.bbg-edition-page .sidebar-btn .sb-icon {
    background: transparent;
    box-shadow: none;
    color: var(--gray-500);
}
.bbg-edition-page .sidebar-btn:hover .sb-icon {
    background: transparent;
    color: var(--blue);
}
.bbg-edition-page .sidebar-btn.active .sb-icon {
    background: var(--blue);
    color: var(--white);
    box-shadow: 2px 2px 6px var(--neu-d), -2px -2px 6px var(--neu-l);
}

.bbg-edition-page .sidebar-btn .sb-count {
    background: var(--bg-page);
    box-shadow: 2px 2px 5px var(--neu-d), -2px -2px 5px var(--neu-l);
    color: var(--blue);
}

/* ================================================================
   CARDS — neumorphic extruded
   ================================================================ */
.bbg-edition-page .card {
    background: var(--bg-page);
    box-shadow: var(--shadow-md);
    border-radius: var(--r-xl);
}
.bbg-edition-page .card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
}

/* ================================================================
   PANEL RULE — gradient blue
   ================================================================ */
.bbg-edition-page .panel-rule {
    background: linear-gradient(90deg, var(--blue-800), var(--blue-500));
    opacity: 1;
}

/* ================================================================
   SECTION BLOCK TITLE — remove blue bar, use icon color
   ================================================================ */
.bbg-edition-page .section-block-title::before {
    background: var(--blue);
    opacity: 1;
    border-radius: 2px;
}

/* ================================================================
   POLICY TAGS — neumorphic pills
   ================================================================ */
.bbg-edition-page .policy-tag {
    background: var(--bg-page);
    box-shadow: 3px 3px 7px var(--neu-d), -3px -3px 7px var(--neu-l);
    color: var(--blue);
    transition: transform .15s;
}
.bbg-edition-page .policy-tag:hover {
    transform: translateY(-1px);
    background: var(--bg-page);
}

/* ================================================================
   STATS — neumorphic extruded, no top-border
   ================================================================ */
.bbg-edition-page .stat-card {
    background: var(--bg-page);
    box-shadow: var(--shadow-sm);
    border-radius: var(--r-xl);
    border-top: none !important;
}
.bbg-edition-page .stat-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

/* ================================================================
   B2B CARDS — neumorphic
   ================================================================ */
.bbg-edition-page .b2b-card {
    background: var(--bg-page);
    box-shadow: var(--shadow-sm);
    border-radius: var(--r-xl);
}
.bbg-edition-page .b2b-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
}
.bbg-edition-page .b2b-icon {
    background: transparent;
    box-shadow: 3px 3px 7px var(--neu-d), -3px -3px 7px var(--neu-l);
    border-radius: var(--r-sm);
}

/* ================================================================
   ORGANIZER — neumorphic
   ================================================================ */
.bbg-edition-page .organizer-logo {
    background: transparent;
    box-shadow: 4px 4px 10px var(--neu-d), -4px -4px 10px var(--neu-l);
    border-radius: var(--r-md);
}
.bbg-edition-page .organizer-contacts a,
.bbg-edition-page .organizer-contacts span {
    background: var(--bg-page);
    box-shadow: 2px 2px 6px var(--neu-d), -2px -2px 6px var(--neu-l);
}
.bbg-edition-page .organizer-contacts a:hover {
    background: var(--bg-page);
    color: var(--blue);
    box-shadow: var(--shadow-inset);
}

/* ================================================================
   CTA BANNER — keep gradient, add outer glow
   ================================================================ */
.bbg-edition-page .cta-banner {
    box-shadow: var(--shadow-lg), 0 4px 28px rgba(13,110,253,.15);
    border-radius: var(--r-xl);
}

/* Invert primary button in CTA */
.bbg-edition-page .cta-banner .btn-primary {
    box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
.bbg-edition-page .cta-banner .btn-primary:hover {
    box-shadow: 0 8px 28px rgba(0,0,0,.22);
}
.bbg-edition-page .cta-banner .btn-outline {
    background: rgba(255,255,255,.14);
    backdrop-filter: blur(4px);
}
.bbg-edition-page .cta-banner .btn-outline:hover {
    background: rgba(255,255,255,.22);
}

/* ================================================================
   BUTTONS — neumorphic extruded
   ================================================================ */
.bbg-edition-page .btn-primary {
    box-shadow: 4px 4px 12px var(--neu-d), -4px -4px 12px var(--neu-l),
                0 4px 14px rgba(26,94,168,.22);
}
.bbg-edition-page .btn-primary:hover {
    box-shadow: 6px 6px 18px var(--neu-d), -6px -6px 18px var(--neu-l),
                0 6px 20px rgba(26,94,168,.30);
}
.bbg-edition-page .btn-outline {
    background: var(--bg-page);
    color: var(--blue);
    box-shadow: 3px 3px 8px var(--neu-d), -3px -3px 8px var(--neu-l);
}
.bbg-edition-page .btn-outline:hover {
    background: var(--bg-page);
    color: var(--blue-800);
    box-shadow: var(--shadow-inset);
}
.bbg-edition-page .btn-ghost {
    background: var(--bg-page);
    color: var(--text-2);
    box-shadow: 3px 3px 7px var(--neu-d), -3px -3px 7px var(--neu-l);
}
.bbg-edition-page .btn-ghost:hover {
    color: var(--blue);
    box-shadow: var(--shadow-inset);
}

/* Back button */
.bbg-edition-page .back-btn {
    background: var(--bg-page);
    box-shadow: 3px 3px 7px var(--neu-d), -3px -3px 7px var(--neu-l);
}
.bbg-edition-page .back-btn:hover {
    color: var(--blue);
    box-shadow: var(--shadow-inset);
    background: var(--bg-page);
}

/* ================================================================
   GALLERY — neumorphic items
   ================================================================ */
.bbg-edition-page .gallery-item {
    background: var(--bg-page);
    box-shadow: var(--shadow-sm);
    border-radius: var(--r-md);
}
.bbg-edition-page .gallery-item:hover {
    box-shadow: var(--shadow-lg);
}

/* Downloads */
.bbg-edition-page .dl-row {
    background: var(--bg-page);
    box-shadow: var(--shadow-xs);
    border-radius: var(--r-md);
}
.bbg-edition-page .dl-row:hover {
    box-shadow: var(--shadow-sm);
    transform: translateY(-2px);
}
.bbg-edition-page .dl-icon {
    background: transparent;
    box-shadow: var(--shadow-inset);
    border-radius: var(--r-sm);
}

/* ================================================================
   PRESS RELEASES — neumorphic, no gold border
   ================================================================ */
.bbg-edition-page .pr-card {
    background: var(--bg-page);
    box-shadow: var(--shadow-sm);
    border-radius: var(--r-xl);
    border-left: none !important;
}
.bbg-edition-page .pr-card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
}
.bbg-edition-page .pr-date-block {
    background: var(--bg-page);
    box-shadow: var(--shadow-inset);
    border-radius: var(--r-sm);
}
.bbg-edition-page .pr-date-day {
    color: var(--blue);
}

/* ================================================================
   ARTICLES — neumorphic cards
   ================================================================ */
.bbg-edition-page .art-card {
    background: var(--bg-page);
    box-shadow: var(--shadow-sm);
    border-radius: var(--r-xl);
}
.bbg-edition-page .art-card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-3px);
}
.bbg-edition-page .art-thumb {
    background: linear-gradient(135deg, #d6e4ff, var(--blue-100));
}
.bbg-edition-page .art-thumb-empty {
    background: linear-gradient(135deg, var(--blue-100), #d6e4ff);
}
.bbg-edition-page .art-tag {
    background: var(--bg-page);
    color: var(--blue);
    box-shadow: 2px 2px 5px var(--neu-d), -2px -2px 5px var(--neu-l);
}
.bbg-edition-page .art-footer {
    border-top: none !important;
}

/* ================================================================
   EVENT DETAIL — neumorphic event chips & badges
   ================================================================ */
.bbg-edition-page .event-chip {
    background: var(--bg-page);
    box-shadow: var(--shadow-xs);
}
.bbg-edition-page .event-type-badge {
    box-shadow: 2px 2px 6px var(--neu-d), -2px -2px 6px var(--neu-l);
}
.bbg-edition-page .event-cover {
    box-shadow: var(--shadow-md);
    border-radius: var(--r-xl);
}
.bbg-edition-page .event-gallery-item {
    background: var(--bg-page);
    box-shadow: var(--shadow-xs);
}
.bbg-edition-page .event-gallery-item:hover {
    box-shadow: var(--shadow-md);
}

/* Participants */
.bbg-edition-page .participant-tile {
    background: var(--bg-page);
    box-shadow: var(--shadow-xs);
    border-radius: var(--r-md);
}
.bbg-edition-page .participant-tile:hover {
    background: var(--bg-page);
    box-shadow: var(--shadow-inset);
}

/* Filters */
.bbg-edition-page .filter-btn {
    background: var(--bg-page);
    color: var(--text-3);
    box-shadow: 3px 3px 7px var(--neu-d), -3px -3px 7px var(--neu-l);
}
.bbg-edition-page .filter-btn:hover,
.bbg-edition-page .filter-btn.active {
    box-shadow: var(--shadow-inset);
}

/* Agenda */
.bbg-edition-page .agenda-row {
    border-bottom: 1px solid rgba(197,203,215,.3) !important;
}
.bbg-edition-page .agenda-row:first-child {
    border-top: 1px solid rgba(197,203,215,.3) !important;
}
.bbg-edition-page .agenda-seg-type {
    background: var(--bg-page);
    box-shadow: 2px 2px 5px var(--neu-d), -2px -2px 5px var(--neu-l);
    color: var(--text-muted);
}

/* Empty state */
.bbg-edition-page .empty-state {
    background: var(--bg-page);
    border: none !important;
    box-shadow: var(--shadow-inset);
    border-radius: var(--r-xl);
}

/* ================================================================
   MOBILE TOGGLE — neumorphic
   ================================================================ */
.bbg-edition-page .mobile-toggle {
    background: rgba(232,236,242,.96);
    backdrop-filter: blur(14px);
}
.bbg-edition-page .mobile-toggle button {
    background: var(--bg-page);
    box-shadow: 3px 3px 8px var(--neu-d), -3px -3px 8px var(--neu-l);
    border-radius: var(--r-md);
}
.bbg-edition-page .mobile-toggle button:hover {
    background: var(--bg-page);
    box-shadow: var(--shadow-inset);
}

/* ================================================================
   MOBILE SIDEBAR — neumorphic override
   ================================================================ */
@media (max-width: 767px) {
    .bbg-edition-page .sidebar {
        background: rgba(232,236,242,.98);
        box-shadow: var(--shadow-lg);
    }
    .bbg-edition-page .sidebar.mobile-open {
        box-shadow: var(--shadow-xl);
    }
    .bbg-edition-page .mobile-close-btn {
        background: var(--bg-page);
        box-shadow: 2px 2px 5px var(--neu-d), -2px -2px 5px var(--neu-l);
        border: none;
    }
}