/* ════════════════════════════════════════════════════════════════ premium-glass.css — Fond glass blanc + navbar premium PARTAGÉS Aligne toutes les pages publiques sur « Les évènements ». À inclure EN DERNIER dans le (priorité par ordre de source), avec class="light-mode" sur et sans theme.js. Ne touche qu'au design (fond, navbar, footer) : aucune fonctionnalité. ════════════════════════════════════════════════════════════════ */ /* ── Fond glass blanc ── */ html { background: #ffffff !important; overflow-x: hidden; } body, html.light-mode body { background: transparent !important; color: #111 !important; overflow-x: hidden; max-width: 100vw; } /* Blobs flous (derrière le contenu) */ body::before { content: ''; position: fixed; inset: 0; z-index: -2; pointer-events: none; background: radial-gradient(ellipse at 88% 0%, rgba(255,133,89,0.55) 0%, transparent 45%), radial-gradient(ellipse at 5% 95%, rgba(100,140,240,0.40) 0%, transparent 45%), radial-gradient(ellipse at 55% 60%, rgba(255,133,89,0.22) 0%, transparent 40%); filter: blur(72px); } /* Vagues décoratives (derrière le contenu, devant les blobs) */ body::after { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: url('/static/images/deco-waves.svg') center / cover no-repeat; } /* Neutralise les anciens fonds sombres (blobs/overlay/vagues hérités) */ .bg-blob, .bg-overlay, .bg-waves { display: none !important; } /* ── Navbar (identique page évènements) ── */ .pill-links li a { color: #2a3344 !important; } .pill-links li a:hover, .pill-links li a.active, .pill-links li a.pill-active { color: #FF8559 !important; } .pill-hamburger { background: transparent !important; border: none !important; box-shadow: none !important; } .pill-hamburger span { background: #1a2740 !important; width: 24px !important; height: 2px !important; } .pill-hamburger:hover span, .pill-hamburger.open span { background: #FF8559 !important; } .pill-logo .pill-logo-dark { filter: none !important; height: 48px !important; } .pill-logo .pill-logo-light { display: none !important; } .pill-mobile-menu { background: rgba(255,255,255,0.97) !important; border-color: rgba(0,0,0,0.08) !important; } .pill-mobile-menu a { color: #2a3344 !important; } .pill-mobile-menu a:hover { background: rgba(0,0,0,0.04) !important; color: #111 !important; }