:root {
                --navy: #020917;
                --gold: #f2c14f;
                --gold2: #ffd97a;
                --gold-dim: rgba(242,193,79,0.13);
                --gold-border: rgba(242,193,79,0.28);
                --cyan: #00c8ff;
                --white: #ffffff;
                --muted: #6B92B8;
                --muted2: #3a567a;
                --gray: #6B92B8;
                --gray-light: #8ba3c4;
                --dark: #020917;
                --dark-lighter: #060f24;
                --primary: #f2c14f;
                --primary-dark: #c8922a;
                --gradient-primary: linear-gradient(135deg, #f2c14f 0%, #ffd97a 50%, #c8922a 100%);
                --gradient-accent: linear-gradient(135deg, #00c8ff 0%, #0066cc 100%);
                --shadow: 0 10px 25px rgba(0,0,0,0.2);
                --shadow-lg: 0 20px 40px rgba(0,0,0,0.3);
                --shadow-xl: 0 25px 50px rgba(0,0,0,0.4);
                --shadow-glow: 0 0 30px rgba(242,193,79,0.35);
            }
                /* 2026-08-10 — LICHTE PAGINA'S. Hierboven staat het DONKERE palet in :root:
                   --muted/--gray = #6B92B8, prima op navy maar op een lichte achtergrond
                   2,86-3,12:1. Een lichte pagina erft anders de DONKERE waarden: dat gaf 19
                   contrastfouten op /contact/ alleen al. Het donkere thema blijft ongewijzigd. */
                body.itlive-public-day { --muted: #475569; --gray: #475569; --muted2: #334155; }


            * { margin: 0; padding: 0; box-sizing: border-box; }
            html { scroll-behavior: smooth; }
            body {
                font-family: 'DM Sans', sans-serif;
                background: var(--navy);
                color: var(--white);
                line-height: 1.6;
                overflow-x: hidden;
                min-height: 100vh;
            }
            .navbar {
                position: sticky;
                top: 0;
                z-index: 200;
                display: grid;
                grid-template-columns: 1fr auto 1fr;
                align-items: center;
                padding: 0 1.25rem 0 1.5rem;
                height: 66px;
                background: rgba(2, 9, 23, 0.85);
                backdrop-filter: blur(20px) saturate(180%);
                -webkit-backdrop-filter: blur(20px) saturate(180%);
                border-bottom: 1px solid rgba(0, 200, 255, 0.1);
            }
            .navbar .navbar-left { display: flex; align-items: center; justify-content: flex-start; gap: 0.75rem; }
            .navbar .logo-icons {
                display: flex;
                align-items: center;
                gap: 0.35rem;
            }
            .navbar .logo-icons a {
                width: 34px;
                height: 34px;
                border-radius: 8px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--muted);
                text-decoration: none;
                transition: color 0.2s, background 0.2s;
            }
            .navbar .logo-icons a:hover { color: var(--gold); background: rgba(255,255,255,0.06); }
            .navbar .logo-icons a i { font-size: 0.9rem; }
            .navbar .navbar-center { display: flex; align-items: center; justify-content: center; gap: 0.25rem; }
            .navbar .navbar-right { display: flex; align-items: center; justify-content: flex-end; gap: 1rem; }
            .navbar .nav-links {
                display: none;
                list-style: none;
                margin: 0;
                padding: 0;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;
                gap: 0.1rem 1.25rem;
            }
            .navbar .nav-links li { margin: 0; }
            .navbar .nav-links a {
                color: var(--muted);
                text-decoration: none;
                font-size: 0.875rem;
                font-weight: 500;
                letter-spacing: 0.04em;
                padding: 0.4rem 0.5rem;
                border-radius: 6px;
                transition: color 0.2s, background 0.2s;
            }
            .navbar .nav-links a:hover { color: #fff; background: rgba(255,255,255,0.06); }
            .navbar .nav-links a.active { color: var(--gold); }
            .navbar .nav-links .nav-live-ai { color: var(--cyan); font-weight: 600; }
            .navbar .nav-links .nav-live-ai:hover { color: var(--gold); }
            @media (min-width: 992px) {
                .navbar .nav-links { display: flex; }
                .navbar .menu-toggle { display: none !important; }
            }
            .navbar .logo {
                display: flex;
                align-items: center;
                gap: 10px;
                text-decoration: none;
            }
            .navbar .logo img.logo-icon-svg { width: 40px; height: 40px; flex-shrink: 0; }
            .navbar .logo-txt, .navbar .itlive-brand-wordmark .wm-main {
                font-family: 'Montserrat', sans-serif;
                font-weight: 900;
                font-size: 0.98rem;
                letter-spacing: 0.22em;
                color: #fff;
                text-transform: uppercase;
            }
            .navbar .logo-txt b, .navbar .itlive-brand-wordmark .wm-sub { color: var(--gold); font-weight: 600; font-size: 0.55em; letter-spacing: 0.25em; margin-top: 2px; }
            .navbar .itlive-brand-wordmark .wm-sub{color:#a16207}
            .navbar .itlive-brand-wordmark { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; }
            .navbar .nav-btn {
                padding: 0.52rem 1.4rem;
                border-radius: 999px;
                border: none;
                background: linear-gradient(135deg, var(--gold) 0%, #c8922a 100%);
                color: #0a0a0a;
                font-family: 'Montserrat', sans-serif;
                font-weight: 800;
                font-size: 0.78rem;
                letter-spacing: 0.07em;
                text-transform: uppercase;
                cursor: pointer;
                text-decoration: none;
                display: inline-block;
                box-shadow: 0 4px 22px rgba(242,193,79,0.35), inset 0 1px 1px rgba(255,255,255,0.5);
                transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            }
            .navbar .nav-btn:hover {
                transform: translateY(-2px);
                box-shadow: 0 8px 32px rgba(242,193,79,0.6), inset 0 1px 1px rgba(255,255,255,0.6);
            }
            /* Ingelogd: zelfde balk als homepage — chip + primaire + ghost knop */
            .navbar-auth-cluster {
                display: none;
                align-items: center;
                gap: 0.45rem;
                flex-wrap: nowrap;
                justify-content: flex-end;
                flex-shrink: 0;
            }
            .itl-user-menu { position: relative; display: inline-flex; }
            .itl-user-trigger {
                display: inline-flex; align-items: center; gap: 0.4rem;
                padding: 0.4rem 0.75rem; border-radius: 10px;
                background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.14);
                color: var(--gray-light, #e2e8f0); font-size: 0.8125rem; font-weight: 600;
                cursor: pointer; font-family: inherit; white-space: nowrap;
                max-width: min(16rem, 40vw); transition: background .15s, border-color .15s;
            }
            .itl-user-trigger .itlive-auth-name {
                overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 10rem;
            }
            .itl-user-trigger:hover, .itl-user-menu.open .itl-user-trigger {
                background: rgba(255,255,255,0.14); border-color: rgba(0,200,255,0.35);
            }
            .itl-user-menu.open .itl-user-trigger .fa-chevron-down { transform: rotate(180deg); }
            .itl-user-panel {
                display: none; position: absolute; top: calc(100% + 8px); right: 0;
                min-width: 180px; background: #fff; border: 1px solid #e2e8f0;
                border-radius: 10px; box-shadow: 0 10px 28px rgba(0,0,0,.12);
                overflow: hidden; z-index: 9999;
            }
            .itl-user-menu.open .itl-user-panel { display: block; }
            .itl-user-panel a {
                display: flex; align-items: center; gap: 9px;
                padding: 11px 16px; font-size: .875rem; font-weight: 600;
                color: #0f172a !important; text-decoration: none;
                transition: background .12s;
            }
            .itl-user-panel a:hover { background: #f8fafc; }
            .itl-user-panel .itl-logout-link { color: #dc2626 !important; border-top: 1px solid #f1f5f9; }
            .itl-user-panel .itl-logout-link:hover { background: #fff5f5; }
            .navbar-user-chip {
                display: inline-flex;
                align-items: center;
                gap: 0.4rem;
                max-width: min(14rem, 32vw);
                padding: 0.4rem 0.8rem;
                border-radius: 10px;
                background: rgba(255, 255, 255, 0.08);
                border: 1px solid rgba(255, 255, 255, 0.14);
                color: var(--gray-light);
                font-size: 0.8125rem;
                font-weight: 600;
                line-height: 1.2;
            }
            .navbar-user-chip .itlive-auth-name {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .navbar .nav-btn.nav-btn--ghost {
                background: transparent !important;
                border: 1.5px solid rgba(255, 255, 255, 0.32) !important;
                color: #e2e8f0 !important;
                box-shadow: none !important;
            }
            .navbar .nav-btn.nav-btn--ghost:hover {
                background: rgba(255, 255, 255, 0.08) !important;
                border-color: rgba(0, 200, 255, 0.35) !important;
                color: #fff !important;
            }
            .navbar .menu-toggle {
                height: 44px;
                min-width: 44px;
                min-height: 44px;
                padding: 0 0.7rem;
                border-radius: 12px;
                border: 1px solid rgba(0,207,255,0.28);
                background: linear-gradient(135deg, rgba(124,58,237,0.20), rgba(0,207,255,0.10));
                backdrop-filter: blur(10px);
                color: #fff;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 0.5rem;
                font-size: 1.1rem;
                transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            }
            .navbar .menu-toggle .menu-toggle-logo {
                width: 22px;
                height: 22px;
                display: block;
                filter: drop-shadow(0 0 6px rgba(0,207,255,0.45));
                transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            }
            .navbar .menu-toggle:hover {
                background: linear-gradient(135deg, rgba(124,58,237,0.32), rgba(0,207,255,0.18));
                border-color: rgba(0,207,255,0.55);
                transform: scale(1.05);
            }
            .navbar .menu-toggle:hover .menu-toggle-logo { transform: rotate(-8deg) scale(1.08); }
            /* ── Mobile: tablet ── */
            @media (max-width: 991px) {
                .navbar {
                    display: flex !important;
                    grid-template-columns: none !important;
                    justify-content: space-between;
                    padding: 0 1rem;
                    height: 60px;
                    gap: 8px;
                }
                .navbar .menu-toggle { display: flex; }
                .navbar .logo-icons { display: none; }
                .navbar .navbar-center { display: none !important; }
                .navbar .navbar-right {
                    gap: 8px;
                    flex-shrink: 0;
                }
                .navbar .itlive-auth-guest { display: inline-flex; }
                .navbar-auth-cluster { flex-wrap: nowrap !important; }
                .itl-user-panel { right: 0; }
            }
            /* ── Mobile: phone ── */
            @media (max-width: 768px) {
                .navbar { padding: 0 0.75rem; height: 56px; gap: 6px; }
                .navbar .logo img.logo-icon-svg { width: 34px; height: 34px; }
                .navbar .itlive-brand-wordmark .wm-main { font-size: 0.85rem; letter-spacing: 0.12em; }
                .navbar .nav-btn { padding: 0.4rem 0.9rem; font-size: 0.72rem; }
                .contact-bar { font-size: 0.72rem !important; }
                .contact-bar .sep { display: none !important; }
                .contact-bar-inner { gap: 8px !important; }
            }
            /* ── Mobile: small phone ── */
            @media (max-width: 480px) {
                .navbar { padding: 0 0.5rem; height: 52px; }
                .navbar .itlive-brand-wordmark .wm-sub { display: none; }
                .navbar .itlive-brand-wordmark .wm-main { font-size: 0.78rem; }
                .navbar .logo img.logo-icon-svg { width: 30px; height: 30px; }
                .navbar .nav-btn { padding: 0.35rem 0.75rem; font-size: 0.68rem; letter-spacing: 0.04em; }
                .navbar .menu-toggle { height: 38px; min-width: 38px; min-height: 38px; padding: 0 0.5rem; gap: 0.4rem; font-size: 1rem; }
                .navbar .menu-toggle .menu-toggle-logo { width: 18px; height: 18px; }
                .contact-bar { display: none !important; }
            }
            .nav-sidebar-overlay {
                position: fixed;
                inset: 0;
                background: rgba(2,9,23,0.75);
                backdrop-filter: blur(8px);
                z-index: 400;
                opacity: 0;
                visibility: hidden;
                transition: opacity 0.25s, visibility 0.25s;
            }
            .nav-sidebar-overlay.is-open { opacity: 1; visibility: visible; }
            .nav-sidebar {
                position: fixed;
                top: 0;
                right: 0;
                width: min(360px, 90vw);
                height: 100vh;
                background: linear-gradient(180deg, #020917 0%, #0C1B38 100%);
                border-left: 1px solid rgba(0,200,255,0.15);
                z-index: 401;
                transform: translateX(100%);
                transition: transform 0.3s ease;
                overflow-y: auto;
                display: flex;
                flex-direction: column;
            }
            .nav-sidebar-overlay.is-open .nav-sidebar { transform: translateX(0); }
            .nav-sidebar-header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 1rem 1.25rem;
                border-bottom: 1px solid rgba(255,255,255,0.08);
            }
            .nav-sidebar-brand { display: flex; align-items: center; gap: 0.7rem; min-width: 0; }
            .nav-sidebar-logo { width: 36px; height: 36px; flex-shrink: 0; }
            .nav-sidebar-brand-txt { display: flex; flex-direction: column; line-height: 1.1; min-width: 0; }
            .nav-sidebar-brand-name { font-weight: 800; font-size: 1rem; letter-spacing: 0.02em; }
            .nav-sidebar-brand-sub { font-size: 0.6rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); margin-top: 1px; }
            .nav-sidebar-header .sidebar-close {
                width: 44px;
                height: 44px;
                border-radius: 10px;
                border: 1px solid rgba(255,255,255,0.15);
                background: rgba(255,255,255,0.06);
                color: #fff;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.25rem;
            }
            .nav-sidebar-header .sidebar-close:hover { background: rgba(255,255,255,0.12); }
            .nav-sidebar-menu { list-style: none; padding: 1rem 0; margin: 0; }
            .nav-sidebar-menu li { margin: 0; }
            .nav-sidebar-menu a {
                display: block;
                padding: 0.85rem 1.25rem;
                color: #e8f0f8;
                text-decoration: none;
                font-weight: 500;
                border-left: 3px solid transparent;
                transition: background 0.2s, border-color 0.2s, color 0.2s;
            }
            .nav-sidebar-menu a:hover,
                        .nav-sidebar-group { margin: 0; }
            .nav-sidebar-toggle {
                width: 100%; text-align: left; background: transparent; border: 0; color: #fff;
                padding: 0.85rem 1.5rem; font-size: 1rem; font-weight: 600; cursor: pointer;
                display: flex; align-items: center; justify-content: space-between;
            }
            .nav-sidebar-toggle:hover { background: rgba(255,255,255,0.06); color: var(--gold); }
            .nav-sidebar-sub { list-style: none; margin: 0; padding: 0 0 0.5rem 0; display: none; background: rgba(0,0,0,0.15); }
            .nav-sidebar-group.open .nav-sidebar-sub { display: block; }
            .nav-sidebar-sub a { padding: 0.55rem 1.5rem 0.55rem 2.25rem !important; font-size: 0.92rem !important; font-weight: 500 !important; }
            .nav-sidebar-label { padding: 0.65rem 1.5rem 0.25rem 2rem; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); opacity: 0.85; }
.nav-sidebar-menu a.active {
                background: rgba(255,255,255,0.06);
                border-left-color: var(--gold);
                color: var(--gold);
            }
            .nav-sidebar-chat {
                margin: 1rem 1.25rem;
                padding: 1.25rem;
                background: rgba(0,200,255,0.08);
                border: 1px solid rgba(0,200,255,0.2);
                border-radius: 12px;
            }
            .nav-sidebar-chat h4 { font-size: 1rem; margin-bottom: 0.5rem; color: var(--cyan); display: flex; align-items: center; gap: 0.5rem; }
            .nav-sidebar-chat p { font-size: 0.875rem; color: var(--muted); margin-bottom: 1rem; line-height: 1.4; }
            .nav-sidebar-chat .btn-open-chat {
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
                padding: 0.6rem 1.2rem;
                background: linear-gradient(135deg, var(--cyan), #0066aa);
                color: #fff;
                border: none;
                border-radius: 8px;
                font-weight: 600;
                font-size: 0.9rem;
                cursor: pointer;
                text-decoration: none;
            }
            .nav-sidebar-chat .btn-open-chat:hover { box-shadow: 0 6px 20px rgba(0,200,255,0.35); }
            .nav-sidebar-contact {
                margin-top: auto;
                padding: 1.25rem;
                border-top: 1px solid rgba(255,255,255,0.08);
                font-size: 0.875rem;
            }
            .nav-sidebar-contact a {
                display: inline-flex;
                align-items: center;
                gap: 0.35rem;
                color: var(--muted);
                text-decoration: none;
                margin-right: 1rem;
                margin-bottom: 0.5rem;
            }
            .nav-sidebar-contact a:hover { color: var(--gold); }

            /* Live zoekbalk – alle domeinen + AI suggesties bij geen resultaat */
            .navbar .search-wrap {
                position: relative;
                margin-right: 0.5rem;
            }
            .navbar .search-input {
                width: 160px;
                padding: 0.45rem 0.75rem 0.45rem 2rem;
                border-radius: 999px;
                border: 1px solid rgba(255,255,255,0.15);
                background: rgba(255,255,255,0.06);
                color: #fff;
                font-size: 0.8125rem;
                transition: width 0.2s, border-color 0.2s;
            }
            .navbar .search-input::placeholder { color: rgba(255,255,255,0.4); }
            .navbar .search-input:focus {
                outline: none;
                border-color: rgba(0,200,255,0.4);
                width: 200px;
            }
            .navbar .search-wrap .search-icon {
                position: absolute;
                left: 0.75rem;
                top: 50%;
                transform: translateY(-50%);
                color: var(--muted);
                font-size: 0.8rem;
                pointer-events: none;
            }
            .navbar .search-dropdown {
                position: absolute;
                top: calc(100% + 6px);
                left: 0;
                right: 0;
                min-width: 280px;
                max-height: 70vh;
                overflow-y: auto;
                background: linear-gradient(180deg, #020917 0%, #0C1B38 100%);
                border: 1px solid rgba(0,200,255,0.2);
                border-radius: 12px;
                box-shadow: 0 12px 40px rgba(0,0,0,0.5);
                z-index: 300;
                display: none;
            }
            .navbar .search-dropdown.is-open { display: block; }
            .navbar .search-dropdown a {
                display: block;
                padding: 0.6rem 1rem;
                color: #e8f0f8;
                text-decoration: none;
                font-size: 0.875rem;
                border-bottom: 1px solid rgba(255,255,255,0.06);
                transition: background 0.2s;
            }
            .navbar .search-dropdown a:hover { background: rgba(255,255,255,0.08); color: var(--gold); }
            .navbar .search-dropdown a small {
                display: block;
                font-size: 0.75rem;
                color: var(--muted);
                margin-top: 0.15rem;
            }
            .navbar .search-dropdown .search-no-results {
                padding: 1rem;
                color: var(--muted);
                font-size: 0.875rem;
            }
            .navbar .search-dropdown .search-no-results strong { color: var(--cyan); }
            .navbar .search-dropdown .search-suggestions {
                padding: 0.5rem 1rem 1rem;
                border-top: 1px solid rgba(255,255,255,0.08);
            }
            .navbar .search-dropdown .search-suggestions a {
                display: inline-block;
                margin: 0.25rem 0.25rem 0 0;
                padding: 0.35rem 0.65rem;
                background: rgba(0,200,255,0.15);
                border-radius: 8px;
                font-size: 0.8rem;
                border: none;
            }
            .navbar .search-dropdown .search-suggestions a:hover { background: rgba(0,200,255,0.25); }
            .nav-sidebar .search-wrap {
                position: relative;
                padding: 0.75rem 1.25rem;
                border-bottom: 1px solid rgba(255,255,255,0.08);
            }
            .nav-sidebar .search-wrap .search-icon { left: 1.5rem; }
            .nav-sidebar .search-input {
                width: 100%;
                padding: 0.6rem 1rem 0.6rem 2.5rem;
                border-radius: 10px;
                border: 1px solid rgba(255,255,255,0.15);
                background: rgba(255,255,255,0.06);
                color: #fff;
                font-size: 0.9rem;
            }
            .nav-sidebar .search-input::placeholder { color: rgba(255,255,255,0.4); }
            .nav-sidebar .search-dropdown {
                left: 1.25rem;
                right: 1.25rem;
                min-width: auto;
            }
            @media (max-width: 991px) {
                .navbar .search-wrap { display: none; }
            }
            @media (max-width: 1100px) {
                .navbar .search-input { width: 140px; }
                .navbar .search-input:focus { width: 180px; }
            }
            /* iPad landscape compact — hide search so AANMELDEN button stays visible */
            @media (min-width: 992px) and (max-width: 1200px) {
                .navbar .search-wrap { display: none !important; }
                .navbar .navbar-right { gap: 0.5rem; }
            }

            /* Contact bar – 1 regel, full width */
            .contact-bar {
                width: 100%;
                background: rgba(0, 32, 59, 0.95);
                border-bottom: 1px solid rgba(0, 200, 255, 0.12);
                padding: 0.5rem 1rem;
            }
            .contact-bar-inner {
                max-width: 1200px;
                margin: 0 auto;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;
                gap: 1rem 1.5rem;
                font-size: 0.875rem;
            }
            .contact-bar a {
                color: var(--muted);
                text-decoration: none;
                display: inline-flex;
                align-items: center;
                gap: 0.35rem;
                transition: color 0.2s;
            }
            .contact-bar a:hover { color: var(--gold); }
            .contact-bar .sep {
                color: rgba(255,255,255,0.2);
                user-select: none;
            }
            @media (max-width: 768px) {
                .contact-bar { padding: 0.5rem 0.75rem; }
                .contact-bar-inner { gap: 0.75rem 1rem; font-size: 0.8125rem; }
            }
            @media (max-width: 600px) {
                .contact-bar-inner { gap: 0.5rem 0.75rem; font-size: 0.8rem; }
                .contact-bar .sep { display: none; }
            }

            /* Reduce motion for users who prefer it */
            @media (prefers-reduced-motion: reduce) {
                * {
                    animation-duration: 0.01ms !important;
                    animation-iteration-count: 1 !important;
                    transition-duration: 0.01ms !important;
                }
            }

            /* Dag-thema: witte header, lichte achtergrond (publieke site) */
            body.itlive-public-day {
                background: #f1f5f9 !important;
                color: #0f172a !important;
            }
            body.itlive-public-day .navbar {
                background: rgba(255, 255, 255, 0.96) !important;
                border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
                box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
            }
            body.itlive-public-day .navbar .nav-links a {
                color: #475569 !important;
            }
            body.itlive-public-day .navbar .nav-links a:hover {
                color: #0f172a !important;
                background: rgba(15, 23, 42, 0.06) !important;
            }
            body.itlive-public-day .navbar .nav-links a.active { color: #92400e !important; /* 2026-08-10: was #b45309 op #e7f0fd = 4,37:1, net onder de norm. Nu 6,17:1. */ }
            body.itlive-public-day .navbar .nav-links .nav-live-ai { color: #0e7490 !important; }
            body.itlive-public-day .navbar .nav-links .nav-live-ai:hover { color: #c9a227 !important; }
            body.itlive-public-day .navbar .logo-txt,
            body.itlive-public-day .navbar .itlive-brand-wordmark .wm-main { color: #0f172a !important; }
            body.itlive-public-day .navbar .logo-icons a { color: #64748b !important; }
            body.itlive-public-day .navbar .logo-icons a:hover { color: #0e7490 !important; background: rgba(15, 23, 42, 0.06) !important; }
            body.itlive-public-day .navbar .menu-toggle {
                border-color: rgba(15, 23, 42, 0.15) !important;
                background: rgba(255, 255, 255, 0.9) !important;
                color: #0f172a !important;
            }
            body.itlive-public-day .navbar .search-input {
                border: 1px solid rgba(15, 23, 42, 0.12) !important;
                background: #fff !important;
                color: #0f172a !important;
            }
            body.itlive-public-day .navbar .search-input::placeholder { color: #94a3b8 !important; }
            body.itlive-public-day .navbar .search-wrap .search-icon { color: #64748b !important; }
            body.itlive-public-day .navbar .search-dropdown {
                background: #fff !important;
                border: 1px solid rgba(15, 23, 42, 0.1) !important;
                box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12) !important;
            }
            body.itlive-public-day .navbar .search-dropdown a {
                color: #0f172a !important;
                border-bottom-color: rgba(15, 23, 42, 0.06) !important;
            }
            body.itlive-public-day .navbar .search-dropdown a:hover { background: #f8fafc !important; color: #b45309 !important; }
            body.itlive-public-day .navbar .search-dropdown a small { color: #64748b !important; }
            body.itlive-public-day .contact-bar {
                background: #ffffff !important;
                border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
            }
            body.itlive-public-day .contact-bar a { color: #475569 !important; }
            body.itlive-public-day .contact-bar a:hover { color: #0e7490 !important; }
            body.itlive-public-day .contact-bar .sep { color: rgba(15, 23, 42, 0.2) !important; }
            body.itlive-public-day .nav-sidebar-overlay { background: rgba(15, 23, 42, 0.45) !important; }
            body.itlive-public-day .nav-sidebar {
                background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
                border-left: 1px solid rgba(15, 23, 42, 0.1) !important;
            }
            body.itlive-public-day .nav-sidebar-header { border-bottom-color: rgba(15, 23, 42, 0.08) !important; color: #0f172a !important; }
            body.itlive-public-day .nav-sidebar-welcome { color: #64748b !important; }
            body.itlive-public-day .nav-sidebar-header .sidebar-close {
                border-color: rgba(15, 23, 42, 0.15) !important;
                background: #fff !important;
                color: #0f172a !important;
            }
            body.itlive-public-day .nav-sidebar-menu a { color: #334155 !important; }
            /* SIDEBAR-DAG-KNOPPEN-20260927 — Diensten/Pakketten (.nav-sidebar-toggle) bleven #fff uit het
               donkere thema: wit op wit in het lichte menu. Zelfde kleuren als de links hieronder. */
            body.itlive-public-day .nav-sidebar-toggle { color: #334155 !important; }
            body.itlive-public-day .nav-sidebar-toggle:hover,
            body.itlive-public-day .nav-sidebar-group.open > .nav-sidebar-toggle { background: rgba(15, 23, 42, 0.06) !important; color: #b45309 !important; }
            body.itlive-public-day .nav-sidebar-sub { background: rgba(15, 23, 42, 0.04) !important; }
            body.itlive-public-day .nav-sidebar-label { color: #92400e !important; opacity: 1 !important; }
            body.itlive-public-day .nav-sidebar .search-input::placeholder { color: #64748b !important; }
            body.itlive-public-day .nav-sidebar-menu a:hover,
            body.itlive-public-day .nav-sidebar-menu a.active { background: rgba(15, 23, 42, 0.06) !important; color: #b45309 !important; border-left-color: #c9a227 !important; }
            body.itlive-public-day .nav-sidebar .search-input {
                border: 1px solid rgba(15, 23, 42, 0.12) !important;
                background: #fff !important;
                color: #0f172a !important;
            }
            body.itlive-public-day .nav-sidebar-chat {
                background: rgba(8, 145, 178, 0.08) !important;
                border: 1px solid rgba(8, 145, 178, 0.25) !important;
            }
            body.itlive-public-day .nav-sidebar-chat h4 { color: #0e7490 !important; }
            body.itlive-public-day .nav-sidebar-chat p { color: #64748b !important; }
            body.itlive-public-day .nav-sidebar-contact { border-top-color: rgba(15, 23, 42, 0.08) !important; }
            body.itlive-public-day .nav-sidebar-contact a { color: #64748b !important; }
            body.itlive-public-day .nav-sidebar-contact a:hover { color: #b45309 !important; }
            body.itlive-public-day .navbar-user-chip {
                background: #f1f5f9 !important;
                border-color: rgba(15, 23, 42, 0.1) !important;
                color: #334155 !important;
            }
            body.itlive-public-day .navbar .nav-btn.nav-btn--ghost {
                border-color: rgba(15, 23, 42, 0.18) !important;
                color: #475569 !important;
            }
            body.itlive-public-day .navbar .nav-btn.nav-btn--ghost:hover {
                background: rgba(15, 23, 42, 0.06) !important;
                border-color: rgba(15, 23, 42, 0.22) !important;
                color: #0f172a !important;
            }
                    /* 2026-07-16 fix: tussen 1200-1500px liep de nav over -> AANMELDEN-CTA werd afgekapt.
               Compacter in die zone; >=1501px blijft ongewijzigd. */
            @media (min-width: 1201px) and (max-width: 1500px) {
                .navbar { padding: 0 0.75rem; }
                .navbar .navbar-right { gap: 0.5rem; }
                .navbar .search-wrap { margin-right: 0.25rem; }
                .navbar .search-input { width: 110px; }
                .navbar .nav-btn { padding: 0.52rem 0.9rem; }
                .navbar .nav-links { gap: 0.55rem; }
            }