/* SalesFision Bundle — shared across all *-salesfision blocks */ /* Hier stonden tot 30-08-2026 twee @import-regels: een naar fonts.googleapis.com * en een naar cdn.jsdelivr.net. Allebei weggehaald, want een @import BINNEN een * stylesheet is de traagste manier om iets te laden die er is: de browser moet * eerst dit bestand ophalen en ontleden voordat hij aan het geimporteerde * begint, en dat is een keten in plaats van parallel verkeer. * * Gemeten met Lighthouse op de live homepage: 798 ms render-blokkering voor de * fonts en 817 ms voor flag-icons, op bestanden van 2,2 en 2,5 KB. Dat is bijna * volledig het opzetten van een verbinding met een vreemde server. * * Waar ze nu vandaan komen: * - Open Sans + Playfair Display italic: wp_enqueue_style in * includes/site-assets.php, dus parallel met dit bestand. * - flag-icons: assets/css/flag-icons-subset.css, zelf gehost, uitgedund van * 27.904 naar 1.639 bytes en zonder vreemde herkomst. */ /* ── Hide WordPress theme chrome when salesfision bundle is active ── */ body.sf-hide-chrome > header, body.sf-hide-chrome > footer, body.sf-hide-chrome .site-header, body.sf-hide-chrome .site-footer, body.sf-hide-chrome #wp-site-header, body.sf-hide-chrome #wp-site-footer { display: none !important; } body.sf-hide-chrome { margin: 0 !important; padding: 0 !important; } /* ──────────────────────────────────────────────────────── */ /* NAV OVERRIDE — force transparent at rest, glass on scroll */ /* The index page had this pattern; other pages baked glass */ /* styles in by default. We unify here across all pages. */ /* ──────────────────────────────────────────────────────── */ body.sf-hide-chrome nav { background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: 1px solid transparent !important; box-shadow: none !important; transition: background 0.35s ease, backdrop-filter 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } body.sf-hide-chrome nav.glass { background: rgba(18,18,18,0.45) !important; backdrop-filter: blur(18px) saturate(1.6) !important; -webkit-backdrop-filter: blur(18px) saturate(1.6) !important; border-color: rgba(255,255,255,0.1) !important; box-shadow: 0 4px 32px rgba(0,0,0,0.4) !important; } /* ── Mobile responsive (from original css/mobile.css) ── */ /* ===== SALESFISION — MOBILE RESPONSIVE ===== */ /* Only affects screens ≤ 900px. Desktop design is completely untouched. */ /* ── FLAG ICONS (all screen sizes) ── */ #langFlag.fi, .lang-menu a .fi { width: 18px !important; height: 13px !important; border-radius: 2px; vertical-align: middle; display: inline-block !important; margin-right: 2px; background-size: cover; } /* ── HAMBURGER BUTTON (hidden on desktop) ── */ .nav-hamburger { display: none; flex-direction: column; justify-content: space-between; width: 26px; height: 18px; cursor: pointer; background: none; border: none; padding: 0; /* position: relative is required for z-index to apply */ position: relative; z-index: 10003; flex-shrink: 0; } .nav-hamburger span { display: block; height: 2px; background: #fff; border-radius: 2px; transition: transform 0.3s ease, opacity 0.3s ease; pointer-events: none; } .nav-hamburger.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); } .nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); } .nav-hamburger.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ @media (max-width: 900px) { /* ── NAVBAR ── */ /* Raise nav-wrapper above the overlay so hamburger stays clickable. IMPORTANT: drop the desktop transform — it would otherwise make `.nav-wrapper` a containing block for the position:fixed nav-links, trapping the fullscreen overlay inside the small navbar rectangle. */ .nav-wrapper { width: calc(100% - 32px) !important; top: 10px !important; left: 16px !important; transform: none !important; z-index: 10003 !important; } nav { padding: 13px 20px !important; border-radius: 40px !important; } .nav-hamburger { display: flex !important; } /* When the fullscreen menu is open,