/* ===================================================================== MODERN THEME — "Bento" + Liga Portugal-style navigation (Benfica colours) Imports the default theme stylesheet first so ALL shared base styling (hero / match centre / season overview / widgets / forum / responsive sidebar columns) is preserved, then layers the cloned three-tier navigation, the bento grid and the Sport Lisboa e Benfica palette on top. NOTE: header.php ALSO loads this same default stylesheet via a render-blocking placed BEFORE this file (the fast path that avoids the @import "waterfall" landing after first paint). This @import is kept as a guaranteed fallback so the base styles can never go missing if the PHP/ change hasn't been picked up yet (e.g. OPcache still serving an older header). The two paths produce the same cascade (default first, modern on top); the duplicate fetch is harmless. ===================================================================== */ @import url("../../default/css/style.css"); /* ===== Sport Lisboa e Benfica palette ===== */ :root { --team-primary: #C8102E; /* SLB official red (Pantone 186 C) */ --team-primary-rgb: 200, 16, 46; --team-secondary: #3d0008; /* deep maroon */ --team-secondary-rgb: 61, 0, 8; --team-accent: #ffffff; --benfica-red-bright: #E30613; --benfica-gold: #F4B223; /* eagle gold accent */ --benfica-gold-rgb: 244, 178, 35; /* Deep-red navigation surfaces — harmonises with the hero (same Benfica red family) but uses darker shades + a vertical gradient so the two sections read as related, not identical. */ --lp-nav-bg: linear-gradient(180deg, #e8112c 0%, #cc1029 100%); /* bright Benfica red primary bar */ --lp-nav-solid: #d6102a; --lp-strip-bg: #be0f25; /* crest strip (slightly deeper for hierarchy) */ --lp-subnav-bg: #c50f27; /* secondary bar */ --lp-ink: #ffffff; /* white text on red */ --lp-ink-dim: rgba(255, 255, 255, 0.74); --lp-line: rgba(255, 255, 255, 0.14); --t: 0.25s; } html, body, * { -ms-overflow-style: none; scrollbar-width: none; } html::-webkit-scrollbar, body::-webkit-scrollbar, *::-webkit-scrollbar { display: none; width: 0; height: 0; background: transparent; } /* Pull-to-refresh stays enabled (overscroll left on the document). The page canvas is the nav's red so overscrolling at the very top reveals red under the gold border instead of a white gap. */ html { background-color: #e8112c !important; } html, body { overscroll-behavior-y: none; } body { background: radial-gradient(1200px 600px at 100% -10%, rgba(var(--team-primary-rgb), 0.06), transparent 60%), var(--bs-body-bg); } /* ===================================================================== NAVIGATION — three-tier clone ===================================================================== */ /* Force tier order with flexbox so the app's nav JS (which makes the first