:root{
  --cwnl-ink:#002b5c; --cwnl-ink-2:#0b2d4f; --cwnl-muted:#54708b;
  --cwnl-blue:#0077d9; --cwnl-blue-dark:#002b5c; --cwnl-sky:#eaf8ff; --cwnl-cyan:#28c7eb;
  --cwnl-yellow:#ffd92a; --cwnl-sand:#fff8e8; --cwnl-green:#2d7a1f; --cwnl-green-2:#7dbb2f;
  --cwnl-red:#f5391f; --cwnl-orange:#ff8c00; --cwnl-line:#d1e8f4; --cwnl-card:#fff;
  --cwnl-radius:22px; --cwnl-shadow:0 22px 60px rgba(0,43,92,.10); --cwnl-soft-shadow:0 12px 34px rgba(0,43,92,.06);
}
body{background:linear-gradient(180deg,#eefaff 0%,#fff8e8 100%)}
.site-main,.entry-content{background:transparent}.entry-content>.cwnl-shell{margin-top:0!important}.cwnl-shell{font-family:inherit;color:var(--cwnl-ink);background:transparent}.cwnl-shell *{box-sizing:border-box}.cwnl-shell a{text-decoration:none;color:inherit}.cwnl-page{max-width:1180px;margin:0 auto;padding:22px 18px 46px}.cwnl-kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:950;color:var(--cwnl-blue);line-height:1.2}.cwnl-pill{display:inline-flex;align-items:center;border:1px solid var(--cwnl-line);background:rgba(255,255,255,.88);border-radius:999px;padding:9px 15px;font-weight:900;font-size:13px;color:var(--cwnl-ink);white-space:nowrap}
/* Branded shell header/footer preview */
.cwnl-shell-header{max-width:1240px;margin:20px auto 0;padding:12px 16px;min-height:74px;display:flex;align-items:center;gap:22px;border:1px solid var(--cwnl-line);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:var(--cwnl-soft-shadow);position:sticky;top:10px;z-index:50;backdrop-filter:blur(12px)}
.cwnl-shell-brand{display:flex;align-items:center;gap:12px;min-width:260px}.cwnl-shell-brand img{width:92px;height:54px;object-fit:cover;border-radius:12px;border:1px solid #c4e9f6}.cwnl-shell-brand strong{font-size:27px;letter-spacing:-.045em;font-weight:950;color:var(--cwnl-blue-dark);line-height:1}.cwnl-shell-brand span,.cwnl-footer-brand span,.cwnl-mobile-topbar span{color:var(--cwnl-blue)}
.cwnl-shell-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.cwnl-shell-nav a{font-size:13px;text-transform:uppercase;font-weight:950;letter-spacing:.08em;padding:16px 13px;border-radius:14px;color:#071f3d;position:relative}.cwnl-shell-nav a.is-active,.cwnl-shell-nav a:hover{background:#eef8ff;color:var(--cwnl-blue)}.cwnl-shell-nav a.is-active:after{content:"";position:absolute;left:18px;right:18px;bottom:6px;height:3px;border-radius:4px;background:var(--cwnl-blue)}
.cwnl-shell-actions{display:flex;gap:10px}.cwnl-shell-actions button{width:42px;height:42px;border-radius:13px;border:1px solid var(--cwnl-line);background:#fff;color:var(--cwnl-blue-dark);font-weight:950;font-size:21px;box-shadow:0 6px 16px rgba(0,43,92,.05)}
.cwnl-mobile-topbar{display:none}.cwnl-mobile-bottomnav{display:none}
.cwnl-shell-footer{max-width:1240px;margin:28px auto 0;padding:28px 34px 44px;border-radius:24px 24px 0 0;background:linear-gradient(135deg,#00345f,#005993 68%,#0877c8);color:#fff;display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;gap:28px;position:relative;overflow:hidden}.cwnl-shell-footer:after{content:"";position:absolute;right:-8%;bottom:-48px;width:55%;height:150px;background:linear-gradient(135deg,rgba(255,217,42,.28),rgba(45,122,31,.35));border-radius:80% 0 0 0;transform:skewX(-18deg)}.cwnl-shell-footer>*{position:relative;z-index:1}.cwnl-footer-brand img{width:150px;border-radius:16px;border:1px solid rgba(255,255,255,.25);margin-bottom:14px}.cwnl-footer-brand strong{display:block;font-size:28px;font-weight:950;letter-spacing:-.04em}.cwnl-footer-brand p{max-width:330px;margin:10px 0 0;color:rgba(255,255,255,.86);font-weight:650}.cwnl-shell-footer h4{margin:0 0 12px;text-transform:uppercase;letter-spacing:.12em;font-size:13px}.cwnl-shell-footer a{display:block;color:rgba(255,255,255,.88);font-weight:700;margin:7px 0}.cwnl-social-row{display:flex;gap:10px}.cwnl-social-row span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-weight:900}.cwnl-shell-footer small{grid-column:1/-1;color:rgba(255,255,255,.72);border-top:1px solid rgba(255,255,255,.18);padding-top:16px}
/* Hero */
.cwnl-meteo-hero,.cwnl-home-hero-v2{display:grid;grid-template-columns:190px 1fr auto;gap:22px;align-items:center;padding:22px;border:1px solid #bde8f6;border-radius:28px;background:radial-gradient(circle at 4% 10%,#fff4c2 0,transparent 30%),linear-gradient(115deg,#fff 0,#eaf8ff 60%,#efffed 100%);box-shadow:var(--cwnl-shadow);margin-bottom:28px}.cwnl-hero-visual img,.cwnl-home-hero-v2 img{width:170px;height:96px;object-fit:cover;border-radius:16px;border:1px solid #bde8f6;box-shadow:0 10px 24px rgba(0,43,92,.09)}.cwnl-hero-copy h1,.cwnl-home-hero-v2 h1{font-size:clamp(44px,5vw,72px);line-height:.92;letter-spacing:-.07em;font-weight:950;margin:8px 0;color:#071f3d}.cwnl-hero-copy p,.cwnl-home-hero-v2 p{font-size:17px;line-height:1.5;color:#3c5e7d;font-weight:700;max-width:680px}.cwnl-hero-status{min-width:156px;padding:20px 22px;border:1px solid var(--cwnl-line);border-radius:22px;background:rgba(255,255,255,.85);box-shadow:var(--cwnl-soft-shadow);text-align:center}.cwnl-hero-status span,.cwnl-hero-status em{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;color:#6d8296;font-style:normal}.cwnl-hero-status strong{display:block;font-size:34px;font-weight:950;letter-spacing:-.04em;margin:12px 0;color:#071f3d}
/* Sections */
.cwnl-section{margin:24px 0}.cwnl-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}.cwnl-section-head.compact{align-items:center}.cwnl-section-head h2{font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:-.045em;font-weight:950;color:#071f3d;margin:6px 0 0}
.cwnl-svg-icon{display:inline-flex;width:28px;height:28px;color:var(--icon-color,var(--cwnl-blue))}.cwnl-svg-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.cwnl-svg-icon text{fill:currentColor;stroke:none;font-size:4px;font-weight:900}.cwnl-svg-icon-temp{--icon-color:var(--cwnl-red)}.cwnl-svg-icon-feels{--icon-color:var(--cwnl-orange)}.cwnl-svg-icon-wind{--icon-color:var(--cwnl-blue)}.cwnl-svg-icon-gust{--icon-color:#5b6f88}.cwnl-svg-icon-humidity{--icon-color:var(--cwnl-cyan)}.cwnl-svg-icon-pressure{--icon-color:var(--cwnl-green)}.cwnl-svg-icon-rain{--icon-color:#19a9c9}.cwnl-svg-icon-uv,.cwnl-svg-icon-sun{--icon-color:var(--cwnl-yellow)}.cwnl-svg-icon-tide,.cwnl-svg-icon-waves{--icon-color:var(--cwnl-blue)}
/* Metrics redesigned */
.cwnl-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.cwnl-metric-card{position:relative;min-height:136px;padding:18px 18px 16px;border:1px solid var(--cwnl-line);border-radius:18px;background:linear-gradient(180deg,#fff 0%,#fafeff 100%);box-shadow:0 10px 26px rgba(0,43,92,.045);overflow:hidden}.cwnl-metric-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--cwnl-blue),var(--cwnl-cyan))}.cwnl-metric-card:nth-child(1):before{background:linear-gradient(90deg,#78b9ff,var(--cwnl-red))}.cwnl-metric-card:nth-child(2):before{background:linear-gradient(90deg,var(--cwnl-orange),var(--cwnl-yellow))}.cwnl-metric-card:nth-child(4):before{background:linear-gradient(90deg,#627995,var(--cwnl-orange))}.cwnl-metric-card:nth-child(6):before{background:linear-gradient(90deg,var(--cwnl-green),var(--cwnl-cyan))}.cwnl-metric-icon{height:32px;display:flex;align-items:center;margin-bottom:12px}.cwnl-metric-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:950;color:#617b97;margin-bottom:8px}.cwnl-metric-value{font-size:31px;line-height:.95;font-weight:950;letter-spacing:-.045em;color:#071f3d}.cwnl-metric-value span{font-size:13px;margin-left:4px}.cwnl-metric-sub{margin-top:11px;font-size:13px;line-height:1.25;color:#577492;font-weight:750}.cwnl-wind-compass{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eef8ff;color:var(--cwnl-blue-dark);font-weight:950;border:1px solid var(--cwnl-line)}
/* Charts redesigned */
.cwnl-chart-system{border:1px solid #bde8f6;border-radius:28px;background:rgba(255,255,255,.62);padding:18px;box-shadow:0 18px 40px rgba(0,43,92,.06)}.cwnl-chart-tabs{display:none}.cwnl-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cwnl-chart-card{position:relative;background:#fff;border:1px solid var(--cwnl-line);border-radius:22px;padding:18px 18px 16px;box-shadow:0 14px 34px rgba(0,43,92,.05);overflow:hidden}.cwnl-chart-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--cwnl-blue),var(--cwnl-cyan),var(--cwnl-yellow),var(--cwnl-orange))}.cwnl-chart-temp:before{background:linear-gradient(90deg,#78b9ff,var(--cwnl-red))}.cwnl-chart-wind:before{background:linear-gradient(90deg,var(--cwnl-blue),var(--cwnl-orange))}.cwnl-chart-rain:before{background:linear-gradient(90deg,var(--cwnl-cyan),var(--cwnl-blue))}.cwnl-chart-pressure:before{background:linear-gradient(90deg,var(--cwnl-green),var(--cwnl-cyan))}.cwnl-chart-uv:before{background:linear-gradient(90deg,var(--cwnl-green-2),var(--cwnl-yellow),var(--cwnl-orange))}.cwnl-chart-tide:before{background:linear-gradient(90deg,var(--cwnl-blue),var(--cwnl-cyan))}.cwnl-chart-uv,.cwnl-chart-tide{grid-column:1/-1}.cwnl-chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.cwnl-chart-header h3{font-size:26px;line-height:1.05;letter-spacing:-.045em;font-weight:950;margin:7px 0 0;color:#071f3d}.cwnl-period-switch{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.cwnl-period-switch button,.cwnl-chart-note button,.cwnl-chart-tabs button{border:1px solid var(--cwnl-line);background:#fff;color:var(--cwnl-ink);border-radius:999px;padding:8px 12px;font-weight:950;font-size:12px;cursor:pointer;line-height:1}.cwnl-period-switch button.is-active,.cwnl-chart-tabs button.is-active{background:var(--cwnl-blue-dark);color:#fff;border-color:var(--cwnl-blue-dark)}.cwnl-chart-readout{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;margin:8px 0}.cwnl-chart-readout strong{font-size:40px;line-height:1;letter-spacing:-.055em;font-weight:950;color:#071f3d}.cwnl-chart-readout span{font-size:15px;color:#5d7895;font-weight:850}.cwnl-chart-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:8px 0 12px}.cwnl-chart-legend span{display:inline-flex;align-items:center;gap:6px;color:#4b6b89;font-weight:800;font-size:12px}.cwnl-chart-legend i{width:24px;height:3px;border-radius:99px;background:var(--legend-color)}.cwnl-chart-canvas{position:relative;min-height:310px;border:1px solid var(--cwnl-line);border-radius:18px;background:linear-gradient(180deg,#faffff,#f4fbff);overflow:hidden}.cwnl-chart-canvas svg{display:block;width:100%;height:100%;min-height:310px}.cwnl-grid-line{stroke:#d9ebf4;stroke-width:1}.cwnl-axis-line{stroke:#bed9e9;stroke-width:1.2}.cwnl-axis{fill:#617b97;font-size:12px;font-weight:850}.cwnl-line-path{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.cwnl-line-point{stroke:#fff;stroke-width:2;cursor:pointer}.cwnl-bar{rx:7;cursor:pointer}.cwnl-wind-arrows{fill:#00345f;font-size:16px;font-weight:950}.cwnl-chart-tooltip{position:absolute;z-index:4;transform:translate(-50%,-115%);background:#071f3d;color:#fff;border-radius:12px;padding:9px 11px;font-size:12px;font-weight:800;opacity:0;pointer-events:none;white-space:nowrap;box-shadow:0 12px 24px rgba(0,0,0,.18)}.cwnl-chart-tooltip.is-visible{opacity:1}.cwnl-chart-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#476987;font-weight:800;font-size:14px}.cwnl-chart-note button{width:38px;height:38px;padding:0;font-size:16px}.cwnl-data-note{border:1px dashed #9bd6ef;border-radius:22px;padding:22px;background:rgba(255,255,255,.72);margin:28px 0}.cwnl-data-note h2{margin:6px 0;font-size:30px;line-height:1;letter-spacing:-.045em}.cwnl-data-note p{margin:0;color:#426585;font-weight:750;line-height:1.55}
/* Home extras */
.cwnl-beach-score{padding:22px;border:1px solid #ccebf6;border-radius:var(--cwnl-radius);background:linear-gradient(120deg,#fff 0,#e8f8ff 100%);box-shadow:var(--cwnl-shadow)}.cwnl-score-layout{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:center}.cwnl-score-dial{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cwnl-green) 0 78%,#e1edf3 0);box-shadow:inset 0 0 0 18px #fff;border:1px solid var(--cwnl-line)}.cwnl-score-dial strong{font-size:54px;line-height:.8}.cwnl-score-dial span{margin-top:-42px;margin-left:54px;font-weight:900;color:#607c99}.cwnl-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cwnl-chip{display:inline-flex;border:1px solid var(--cwnl-line);border-radius:999px;background:#fff;padding:8px 12px;font-size:13px;font-weight:900}.cwnl-forecast-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cwnl-forecast-row article{padding:16px;border:1px solid var(--cwnl-line);border-radius:18px;background:#fff;text-align:center}.cwnl-forecast-row b,.cwnl-forecast-row span,.cwnl-forecast-row strong,.cwnl-forecast-row em,.cwnl-forecast-row small{display:block}.cwnl-forecast-row span{font-size:30px;margin:6px 0}.cwnl-forecast-row em{font-style:normal;color:#536f8c;font-weight:800}.cwnl-partner-widget{max-width:420px;border:1px solid var(--cwnl-line);border-radius:18px;background:#fff;padding:20px;box-shadow:var(--cwnl-soft-shadow);display:flex;justify-content:space-between;align-items:center}.cwnl-partner-widget strong{font-size:44px;letter-spacing:-.05em}
@media(max-width:1020px){.cwnl-shell-header{display:none}.cwnl-mobile-topbar{display:flex;position:sticky;top:0;z-index:60;align-items:center;justify-content:space-between;padding:9px 12px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--cwnl-line);backdrop-filter:blur(12px)}.cwnl-mobile-topbar a{display:flex;align-items:center;gap:8px}.cwnl-mobile-topbar img{width:54px;height:34px;object-fit:cover;border-radius:8px}.cwnl-mobile-topbar strong{font-size:16px;letter-spacing:-.04em}.cwnl-mobile-topbar button{border:0;background:transparent;color:var(--cwnl-ink);font-size:24px;font-weight:950}.cwnl-page{padding:18px 12px 88px}.cwnl-meteo-hero,.cwnl-home-hero-v2{grid-template-columns:1fr;gap:14px;padding:16px;border-radius:20px}.cwnl-hero-visual img,.cwnl-home-hero-v2 img{width:120px;height:74px}.cwnl-hero-copy h1,.cwnl-home-hero-v2 h1{font-size:38px}.cwnl-hero-copy p,.cwnl-home-hero-v2 p{font-size:15px}.cwnl-hero-status{display:none}.cwnl-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cwnl-metric-card{min-height:118px;padding:13px}.cwnl-metric-icon{height:24px;margin-bottom:8px}.cwnl-svg-icon{width:23px;height:23px}.cwnl-metric-label{font-size:10px}.cwnl-metric-value{font-size:28px}.cwnl-metric-sub{font-size:12px}.cwnl-section-head{align-items:flex-start}.cwnl-section-head h2{font-size:30px}.cwnl-chart-system{padding:14px;border-radius:22px}.cwnl-chart-tabs{position:sticky;top:55px;z-index:20;display:flex;gap:7px;overflow-x:auto;padding:7px 0 12px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.72));backdrop-filter:blur(8px)}.cwnl-chart-tabs button{flex:0 0 auto}.cwnl-charts-grid{display:block}.cwnl-chart-card{display:none;margin-bottom:0;padding:15px;border-radius:20px}.cwnl-chart-card.is-mobile-active{display:block}.cwnl-chart-header{display:block}.cwnl-period-switch{justify-content:flex-start;margin-top:10px}.cwnl-chart-header h3{font-size:25px}.cwnl-chart-readout strong{font-size:35px}.cwnl-chart-canvas{min-height:330px}.cwnl-chart-canvas svg{min-height:330px}.cwnl-chart-note span{font-size:13px}.cwnl-shell-footer{display:none}.cwnl-mobile-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--cwnl-line);box-shadow:0 -14px 34px rgba(0,43,92,.10);padding:7px 6px 8px}.cwnl-mobile-bottomnav a{display:grid;place-items:center;gap:2px;color:#456583;font-size:11px;font-weight:900}.cwnl-mobile-bottomnav a.is-active{color:var(--cwnl-blue)}.cwnl-mobile-bottomnav .cwnl-svg-icon{width:22px;height:22px}.cwnl-score-layout{grid-template-columns:1fr}.cwnl-forecast-row{grid-template-columns:repeat(2,1fr)} }
@media(max-width:430px){.cwnl-page{padding-left:10px;padding-right:10px}.cwnl-section{margin:20px 0}.cwnl-section-head.compact{display:block}.cwnl-section-head.compact .cwnl-pill{margin-top:10px}.cwnl-metric-card{min-height:116px}.cwnl-chart-readout{gap:8px}.cwnl-chart-readout span{font-size:13px}.cwnl-chart-legend{gap:7px 10px}.cwnl-chart-legend span{font-size:11px}.cwnl-chart-canvas{min-height:305px}.cwnl-chart-canvas svg{min-height:305px}.cwnl-chart-note{display:flex}.cwnl-data-note h2{font-size:25px}.cwnl-data-note p{font-size:14px}}

/* 0.6.1 webcam embed */
.cwnl-webcam-section { margin-top: clamp(18px, 3vw, 32px); }
.cwnl-webcam-card { background:#fff; border:1px solid rgba(0,43,92,.12); border-radius:24px; padding:clamp(12px,2vw,18px); box-shadow:0 16px 42px rgba(0,43,92,.08); }
.cwnl-webcam-frame { width:100%; aspect-ratio:16/9; min-height:240px; border-radius:20px; overflow:hidden; background:rgba(0,43,92,.06); }
.cwnl-webcam-frame iframe { width:100%; height:100%; min-height:240px; aspect-ratio:16/9; display:block; border:0; }
.cwnl-webcam-source { margin:10px 4px 0; font-size:12px; line-height:1.35; color:#5b7898; text-align:right; }
.cwnl-webcam-source a { color:#005fbd; text-decoration:none; font-weight:700; }
.cwnl-webcam-source a:hover { text-decoration:underline; }
@media (max-width: 680px) { .cwnl-webcam-card { border-radius:18px; padding:8px; } .cwnl-webcam-frame { border-radius:16px; min-height:210px; } .cwnl-webcam-frame iframe { min-height:210px; } .cwnl-webcam-source { text-align:left; padding:0 4px 4px; } }

/* =========================================================
   CWNL 0.7.0 - visual identity foundation
   Stable WordPress theme folder: callantsoogweer-child
   ========================================================= */
body:has(.cwnl-shell) .entry-header,
body:has(.cwnl-shell) .page-title,
body:has(.cwnl-shell) .ct-footer,
body:has(.cwnl-shell) footer.ct-footer{display:none!important}
body:has(.cwnl-shell) .site-main{padding-top:0!important}
.cwnl-shell{--cwnl-radius-sm:14px;--cwnl-radius-md:20px;--cwnl-radius-lg:28px;--cwnl-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--cwnl-font)}
.cwnl-shell-header-wrap{max-width:1240px;margin:18px auto 0;border:1px solid rgba(0,43,92,.12);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 18px 44px rgba(0,43,92,.09);overflow:hidden;position:sticky;top:10px;z-index:55;backdrop-filter:blur(14px)}
.cwnl-shell-header{position:relative;top:auto;margin:0;max-width:none;min-height:72px;border:0;border-radius:0;box-shadow:none;background:rgba(255,255,255,.98);padding:12px 18px}
.cwnl-shell-brand img{width:96px;height:56px;border-radius:12px;border:1px solid #bde8f6;box-shadow:0 7px 16px rgba(0,43,92,.12)}
.cwnl-shell-brand strong{font-size:26px}.cwnl-shell-nav a{padding:14px 12px}.cwnl-shell-actions button{background:#fff;transition:transform .18s ease, box-shadow .18s ease}.cwnl-shell-actions button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,43,92,.12)}
.cwnl-header-panorama{height:122px;background:#daf5ff;border-top:1px solid #d8edf6;overflow:hidden}.cwnl-header-panorama img{width:100%;height:100%;object-fit:cover;display:block}
.cwnl-mobile-panorama{display:none}
.cwnl-page{padding-top:22px}.cwnl-home-page,.cwnl-meteo-page{max-width:1040px}
/* more branded hero */
.cwnl-meteo-hero,.cwnl-home-hero-v2{position:relative;overflow:hidden;border-color:#bde8f6;background:linear-gradient(115deg,#fff6d6 0%,#ecfbff 54%,#edffec 100%)}
.cwnl-meteo-hero:after,.cwnl-home-hero-v2:after{content:"";position:absolute;right:-70px;bottom:-58px;width:420px;height:150px;background:url('../img/cwnl-footer-duinen.svg') center/cover no-repeat;opacity:.45;pointer-events:none}.cwnl-meteo-hero>* ,.cwnl-home-hero-v2>*{position:relative;z-index:1}
.cwnl-hero-copy h1,.cwnl-home-hero-v2 h1{font-weight:980;color:#061e3b;text-wrap:balance}.cwnl-hero-copy p,.cwnl-home-hero-v2 p{color:#315d84}
/* metric cards: cleaner visual identity, no random corner blobs */
.cwnl-metric-card{border-radius:20px;min-height:128px;background:linear-gradient(180deg,#fff,#fbfeff);box-shadow:0 10px 24px rgba(0,43,92,.055)}
.cwnl-metric-card:after{display:none!important}.cwnl-metric-icon{margin-bottom:10px}.cwnl-metric-label{color:#5e7895}.cwnl-metric-value{font-feature-settings:"tnum" 1}.cwnl-metric-sub{color:#486d8f}.cwnl-wind-compass{background:#eef8ff;border-color:#cdeaf7}
/* chart cards: more finished, better room for charts */
.cwnl-chart-card{border-radius:24px}.cwnl-chart-header h3{font-size:24px}.cwnl-chart-readout strong{font-size:38px}.cwnl-chart-canvas{min-height:330px;background:linear-gradient(180deg,#fbfeff,#f3fbff)}
.cwnl-chart-canvas svg{min-height:330px}.cwnl-axis{font-size:13px}.cwnl-line-path{stroke-width:3.4}.cwnl-line-point{stroke-width:2.2}.cwnl-bar{filter:drop-shadow(0 4px 7px rgba(40,199,235,.18))}.cwnl-chart-tooltip{border:1px solid rgba(255,255,255,.12);font-size:12px;line-height:1.35}
/* footer with actual illustration asset */
.cwnl-shell-footer{border-radius:28px 28px 0 0;background:linear-gradient(135deg,#002b5c 0%,#005993 74%,#0077d9 100%);min-height:260px;padding-bottom:66px}.cwnl-shell-footer:after{display:none}.cwnl-footer-art{position:absolute!important;right:0;bottom:0;width:55%;max-width:700px;height:auto;z-index:0!important;opacity:.92}.cwnl-shell-footer small{z-index:2!important}
/* design system preview */
.cwnl-design-system{max-width:1240px;margin:20px auto;padding:18px;border:1px solid var(--cwnl-line);border-radius:24px;background:#fff}.cwnl-design-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cwnl-design-icon{display:grid;place-items:center;gap:8px;border:1px solid var(--cwnl-line);border-radius:16px;padding:14px;background:#fbfeff;font-weight:800;text-align:center}.cwnl-design-icon .cwnl-svg-icon{width:42px;height:42px}
@media(max-width:1020px){
  body:has(.cwnl-shell){background:linear-gradient(180deg,#eefaff 0,#fff8e8 82%)}
  .cwnl-shell-header-wrap{display:none}.cwnl-mobile-topbar{top:0;padding:8px 16px;min-height:54px}.cwnl-mobile-topbar img{width:58px;height:35px}.cwnl-mobile-topbar strong{font-size:15px}.cwnl-mobile-panorama{display:block;height:74px;overflow:hidden;border-bottom:1px solid #cdeaf7;background:#dbf7ff}.cwnl-mobile-panorama img{width:100%;height:100%;object-fit:cover;object-position:center}
  .cwnl-page{padding-top:16px}.cwnl-home-page,.cwnl-meteo-page{max-width:100%}.cwnl-meteo-hero,.cwnl-home-hero-v2{padding:14px 14px 16px;border-radius:22px}.cwnl-meteo-hero:after,.cwnl-home-hero-v2:after{width:250px;height:86px;right:-70px;bottom:-30px;opacity:.32}.cwnl-hero-copy h1,.cwnl-home-hero-v2 h1{font-size:34px;letter-spacing:-.055em}.cwnl-home-hero-v2 h1{font-size:32px;max-width:100%;overflow-wrap:anywhere}.cwnl-hero-copy p,.cwnl-home-hero-v2 p{font-size:14px;line-height:1.38;margin:6px 0 0}
  .cwnl-metrics-grid{gap:10px}.cwnl-metric-card{min-height:112px;padding:12px;border-radius:17px}.cwnl-metric-label{font-size:9px;letter-spacing:.2em}.cwnl-metric-value{font-size:26px}.cwnl-metric-sub{font-size:11px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cwnl-wind-compass{right:10px;top:10px;width:31px;height:31px}
  .cwnl-chart-system{padding:12px}.cwnl-chart-tabs{top:54px;margin-left:-12px;margin-right:-12px;padding:8px 12px 10px}.cwnl-chart-card{padding:13px}.cwnl-chart-header h3{font-size:23px}.cwnl-chart-readout strong{font-size:33px}.cwnl-chart-canvas{min-height:360px}.cwnl-chart-canvas svg{min-height:360px}.cwnl-period-switch button{padding:7px 10px;font-size:11px}.cwnl-chart-note span{font-size:12px}.cwnl-mobile-bottomnav{padding-bottom:calc(7px + env(safe-area-inset-bottom))}
}
@media(max-width:430px){
  .cwnl-page{padding-left:14px;padding-right:14px}.cwnl-section-head h2{font-size:28px}.cwnl-chart-system .cwnl-section-head{display:block}.cwnl-chart-system .cwnl-pill{display:inline-flex;margin-top:8px}.cwnl-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cwnl-metric-value{font-size:25px}.cwnl-chart-canvas{min-height:345px}.cwnl-chart-canvas svg{min-height:345px}.cwnl-design-grid{grid-template-columns:repeat(2,1fr)}
}

/* ========================================================================== 
   CWNL 0.8.0 - Native Blocksy header/footer styling
   Gebruik: Blocksy Header/Footer Builder + WordPress menu's. Shortcodes renderen
   vanaf deze build geen eigen header/footer meer.
   ========================================================================== */
body:has(.cwnl-page) .entry-header,
body:has(.cwnl-page) .hero-section,
body:has(.cwnl-page) .page-title {display:none!important}
body:has(.cwnl-page) #main-container {background:linear-gradient(180deg,#effbff 0%,#f9f4e8 70%,#fff 100%)}

/* Desktop header shell */
#header [data-row],
#header .ct-header-row {--cwnl-header-radius:22px}
#header [data-row="middle"],
#header [data-row="middle"] .ct-container,
#header .ct-header-row[data-row="middle"] {background:rgba(255,255,255,.97)}
#header [data-row="middle"] .ct-container{max-width:1240px;margin:18px auto 0;border:1px solid rgba(0,43,92,.13);border-radius:var(--cwnl-header-radius) var(--cwnl-header-radius) 0 0;box-shadow:0 16px 42px rgba(0,43,92,.08);padding:10px 20px;min-height:74px;overflow:hidden}
#header .site-branding,#header [data-id="logo"]{display:flex;align-items:center;gap:14px}
#header .site-branding img,#header [data-id="logo"] img{width:112px;max-height:58px;object-fit:cover;border-radius:14px;border:1px solid rgba(0,43,92,.16);box-shadow:0 8px 18px rgba(0,43,92,.08)}
#header .site-title,#header .site-title a{font-weight:950;letter-spacing:-.045em;color:#002b5c!important;font-size:28px;line-height:1;text-decoration:none}
#header .site-title a::first-letter{color:#002b5c}
#header .menu,#header .ct-menu{gap:28px}
#header .menu > li > a,#header .ct-menu > li > a{font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#071f3d!important;font-size:14px;min-height:44px;position:relative}
#header .menu > li.current-menu-item > a,#header .ct-menu > li.current-menu-item > a,#header .menu > li > a:hover,#header .ct-menu > li > a:hover{color:#0077d9!important}
#header .menu > li.current-menu-item > a:after,#header .ct-menu > li.current-menu-item > a:after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:3px;border-radius:99px;background:#0077d9}
#header [data-id="search"] .ct-label,#header [data-id="trigger"] .ct-label{display:none}
#header [data-id="search"],#header [data-id="trigger"]{color:#002b5c}

/* Optional Blocksy header HTML element: <div class="cwnl-native-panorama"></div> */
.cwnl-native-panorama{max-width:1240px;height:145px;margin:0 auto 18px;border:1px solid rgba(0,43,92,.13);border-top:0;border-radius:0 0 18px 18px;overflow:hidden;background:#cdefff;background-image:url('../img/logo-beeld.png');background-repeat:no-repeat;background-size:cover;background-position:center 46%;box-shadow:0 16px 42px rgba(0,43,92,.07)}
.cwnl-native-panorama.is-compact{height:105px}

/* Native mobile header */
@media(max-width:999px){
  #header [data-row="middle"] .ct-container{margin:0;border-radius:0;border-left:0;border-right:0;border-top:0;box-shadow:0 8px 22px rgba(0,43,92,.06);padding:8px 16px;min-height:60px}
  #header .site-branding img,#header [data-id="logo"] img{width:72px;max-height:42px;border-radius:10px}
  #header .site-title,#header .site-title a{font-size:17px;letter-spacing:-.035em}
  #header [data-id="menu"]{display:none!important}
  #header [data-id="trigger"]{display:flex!important}
  .cwnl-native-panorama{display:none}
}

/* Native footer styling */
#footer{background:transparent!important;margin-top:38px}
#footer [data-row="middle"] .ct-container,#footer [data-row="top"] .ct-container{max-width:1240px;margin:0 auto;background:linear-gradient(135deg,#002b5c 0%,#005993 72%,#0077d9 100%);color:#fff;border-radius:24px 24px 0 0;border:1px solid rgba(0,43,92,.12);box-shadow:0 22px 48px rgba(0,43,92,.12);padding:32px 34px 54px;position:relative;overflow:hidden}
#footer [data-row="middle"] .ct-container:after,#footer [data-row="top"] .ct-container:after{content:"";position:absolute;right:0;bottom:0;width:46%;height:150px;background:linear-gradient(135deg,rgba(125,187,47,.24),rgba(253,217,42,.14));border-radius:80% 0 0 0;transform:skewX(-16deg);pointer-events:none}
#footer .site-branding img,#footer [data-id="logo"] img{width:150px;border-radius:16px;border:1px solid rgba(255,255,255,.24);box-shadow:0 12px 22px rgba(0,0,0,.18)}
#footer .site-title,#footer .site-title a{color:#fff!important;font-size:26px;font-weight:950;letter-spacing:-.045em}
#footer h1,#footer h2,#footer h3,#footer h4,#footer .widget-title{color:#fff!important;text-transform:uppercase;letter-spacing:.10em;font-size:13px;font-weight:900;margin-bottom:12px}
#footer a{color:rgba(255,255,255,.9)!important;text-decoration:none;font-weight:650}
#footer a:hover{color:#ffd92a!important}
#footer .ct-footer-menu,#footer .menu{gap:10px 22px}
#footer [data-row="bottom"] .ct-container{max-width:1240px;margin:0 auto;background:#002b5c;color:rgba(255,255,255,.74);border-radius:0 0 24px 24px;padding:14px 34px;border-top:1px solid rgba(255,255,255,.15)}
#footer [data-row="bottom"] a{color:rgba(255,255,255,.78)!important}

/* Mobile sticky footer: style footer menu when used as bottom navigation */
@media(max-width:767px){
  body:has(.cwnl-page){padding-bottom:72px}
  #footer [data-row="middle"],#footer [data-row="top"]{display:none!important}
  #footer [data-row="bottom"] .ct-container{position:fixed;z-index:999;left:0;right:0;bottom:0;max-width:none;border-radius:0;background:#fff!important;color:#002b5c!important;border-top:1px solid rgba(0,43,92,.12);box-shadow:0 -14px 34px rgba(0,43,92,.12);padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:block!important}
  #footer [data-row="bottom"] .ct-footer-menu,#footer [data-row="bottom"] .menu{display:grid!important;grid-template-columns:repeat(4,1fr);gap:0;width:100%}
  #footer [data-row="bottom"] .ct-footer-menu li,#footer [data-row="bottom"] .menu li{display:block;text-align:center;border-right:1px solid rgba(0,43,92,.14)}
  #footer [data-row="bottom"] .ct-footer-menu li:last-child,#footer [data-row="bottom"] .menu li:last-child{border-right:0}
  #footer [data-row="bottom"] .ct-footer-menu a,#footer [data-row="bottom"] .menu a{display:grid!important;place-items:center;gap:2px;color:#002b5c!important;font-weight:850;font-size:12px;line-height:1.15;padding:4px 2px;text-transform:none!important}
  #footer [data-row="bottom"] .ct-footer-menu a:before,#footer [data-row="bottom"] .menu a:before{display:block;font-size:22px;line-height:1;color:#0077d9;margin-bottom:2px}
  #footer [data-row="bottom"] .menu li:nth-child(1) a:before{content:"⌂"}
  #footer [data-row="bottom"] .menu li:nth-child(2) a:before{content:"☀";color:#fdd92a;text-shadow:0 0 0 #0077d9}
  #footer [data-row="bottom"] .menu li:nth-child(3) a:before{content:"▣"}
  #footer [data-row="bottom"] .menu li:nth-child(4) a:before{content:"ⓘ"}
  #footer [data-row="bottom"] .ct-footer-copyright{display:none!important}
}


/* ========================================================================== 
   CWNL 0.8.1 - Blocksy native header/footer correction layer
   Doel: exactere basis rond WP/Blocksy header/footer, geen shortcode-shell.
   Logo mag nooit gecropt worden; originele logo/artwork blijft onaangepast.
   ========================================================================== */
:root{--cwnl-header-max:1240px;--cwnl-header-h:96px;--cwnl-mobile-header-h:66px}

/* Verwijder oude faux/preview shells als ze nog ergens in shortcode output staan */
.cwnl-shell-header-wrap,.cwnl-shell-header,.cwnl-mobile-topbar,.cwnl-mobile-panorama,.cwnl-shell-footer,.cwnl-mobile-bottomnav{display:none!important}

/* Header: container exact als witte kaart uit voorbeeld */
#header{position:relative;z-index:100;background:transparent!important;margin-top:18px}
#header [data-row="top"],#header [data-row="bottom"]{display:none!important}
#header [data-row="middle"]{background:transparent!important;box-shadow:none!important;border:0!important}
#header [data-row="middle"] .ct-container{
  max-width:var(--cwnl-header-max)!important;
  min-height:var(--cwnl-header-h)!important;
  margin:0 auto!important;
  padding:14px 24px!important;
  border:1px solid rgba(0,43,92,.14)!important;
  border-radius:24px 24px 0 0!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(0,43,92,.08)!important;
  overflow:visible!important;
}

/* Logo: nooit cover/crop. Blocksy mag het logo leveren, CSS maakt het contain. */
#header [data-id="logo"],#header .site-branding{min-width:320px!important;max-width:360px!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
#header [data-id="logo"] a,#header .site-branding a{display:flex!important;align-items:center!important;overflow:visible!important;max-width:none!important}
#header [data-id="logo"] img,#header .site-branding img,#header .site-logo-container img{
  width:auto!important;
  height:auto!important;
  max-width:330px!important;
  max-height:72px!important;
  object-fit:contain!important;
  object-position:left center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:0!important;
}
#header .site-title{display:none!important}

/* Desktop menu: gelijkmatiger en dichter bij voorbeeld */
#header [data-id="menu"],#header [data-id="menu"] > ul,#header .ct-menu{display:flex!important;align-items:center!important;justify-content:center!important;gap:44px!important;width:100%}
#header .menu > li > a,#header .ct-menu > li > a{
  min-height:58px!important;
  padding:18px 0!important;
  color:#071f3d!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
#header .menu > li.current-menu-item > a:after,#header .ct-menu > li.current-menu-item > a:after{left:0!important;right:0!important;bottom:9px!important;height:4px!important;background:#0077d9!important;border-radius:8px!important}

/* Desktop panorama onder header. Gebruikt ongewijzigde aangeleverde illustratie, alleen gecropt via object-position. */
@media(min-width:1000px){
  #header:after{
    content:"";
    display:block;
    max-width:var(--cwnl-header-max);
    height:165px;
    margin:0 auto 30px;
    border:1px solid rgba(0,43,92,.14);
    border-top:0;
    border-radius:0 0 22px 22px;
    background-image:url('../img/cwnl-core-art.png');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center 48%;
    box-shadow:0 14px 36px rgba(0,43,92,.07);
  }
}

/* Mobile header: wit, compact, hamburger links, logo groot genoeg en niet cropped */
@media(max-width:999px){
  #header{margin-top:0!important}
  #header [data-row="middle"] .ct-container{
    min-height:var(--cwnl-mobile-header-h)!important;
    margin:0!important;
    max-width:none!important;
    padding:9px 18px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:0 10px 24px rgba(0,43,92,.06)!important;
  }
  #header [data-id="trigger"]{display:flex!important;order:1!important;color:#002b5c!important;margin-right:14px!important}
  #header [data-id="trigger"] .ct-icon,#header [data-id="trigger"] svg{width:30px!important;height:30px!important;stroke-width:2.4!important}
  #header [data-id="logo"],#header .site-branding{order:2!important;min-width:0!important;max-width:calc(100vw - 92px)!important;flex:1!important;justify-content:flex-start!important;overflow:visible!important}
  #header [data-id="logo"] img,#header .site-branding img,#header .site-logo-container img{
    max-width:min(270px,calc(100vw - 96px))!important;
    max-height:46px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  #header [data-id="menu"]{display:none!important}
}

/* Footer desktop: donkerblauwe kaart, betere logo-weergave, footer-art rechts. */
#footer{background:transparent!important;margin-top:54px!important}
#footer [data-row="top"],#footer [data-row="bottom"]{background:transparent!important;box-shadow:none!important}
#footer [data-row="middle"] .ct-container,#footer [data-row="top"] .ct-container{
  max-width:var(--cwnl-header-max)!important;
  min-height:230px!important;
  margin:0 auto!important;
  padding:34px 44px 62px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#002b5c 0%,#004b7d 55%,#006ea8 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 24px 54px rgba(0,43,92,.18)!important;
  overflow:hidden!important;
  position:relative!important;
}
#footer [data-row="middle"] .ct-container:after,#footer [data-row="top"] .ct-container:after{
  content:""!important;
  position:absolute!important;
  right:0!important;bottom:0!important;
  width:44%!important;height:145px!important;
  background-image:url('../img/cwnl-core-art.png')!important;
  background-size:520px auto!important;
  background-repeat:no-repeat!important;
  background-position:right bottom!important;
  opacity:.95!important;
  pointer-events:none!important;
  border-radius:0!important;
  transform:none!important;
}
#footer [data-row="middle"] .ct-container > *,#footer [data-row="top"] .ct-container > *{position:relative!important;z-index:2!important}
#footer [data-id="logo"],#footer .site-branding{min-width:300px!important;max-width:360px!important;overflow:visible!important}
#footer [data-id="logo"] img,#footer .site-branding img,#footer .site-logo-container img{
  width:auto!important;
  height:auto!important;
  max-width:330px!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:left center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
#footer .site-title{display:none!important}
#footer .menu,#footer .ct-footer-menu{gap:18px 38px!important;align-items:flex-start!important}
#footer .menu a,#footer .ct-footer-menu a{color:#fff!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:none!important;font-size:15px!important;line-height:1.45!important}
#footer [data-row="bottom"] .ct-container{
  max-width:var(--cwnl-header-max)!important;
  margin:-52px auto 0!important;
  padding:18px 44px!important;
  background:transparent!important;
  color:rgba(255,255,255,.72)!important;
  border:0!important;
  position:relative!important;
  z-index:3!important;
}

/* Mobiele sticky footer: geen emoji/Pipo, maar strakke CSS/SVG-mask iconen */
@media(max-width:767px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
  #footer{margin-top:30px!important}
  #footer [data-row="middle"],#footer [data-row="top"]{display:none!important}
  #footer [data-row="bottom"] .ct-container{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;
    max-width:none!important;margin:0!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px)!important;
    color:#002b5c!important;border-top:1px solid rgba(0,43,92,.14)!important;border-radius:0!important;
    box-shadow:0 -14px 34px rgba(0,43,92,.14)!important;
  }
  #footer [data-row="bottom"] .ct-footer-menu,#footer [data-row="bottom"] .menu{display:grid!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important;gap:0!important}
  #footer [data-row="bottom"] .ct-footer-menu li,#footer [data-row="bottom"] .menu li{text-align:center!important;border-right:1px solid rgba(0,43,92,.14)!important}
  #footer [data-row="bottom"] .ct-footer-menu li:last-child,#footer [data-row="bottom"] .menu li:last-child{border-right:0!important}
  #footer [data-row="bottom"] .ct-footer-menu a,#footer [data-row="bottom"] .menu a{
    color:#002b5c!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
    font-size:12px!important;font-weight:900!important;line-height:1.1!important;padding:5px 2px!important;text-transform:none!important;
  }
  #footer [data-row="bottom"] .ct-footer-menu a:before,#footer [data-row="bottom"] .menu a:before{
    content:""!important;display:block!important;width:27px!important;height:27px!important;background:#0077d9!important;margin:0 auto 2px!important;
    -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-size:contain!important;mask-size:contain!important;
  }
  #footer [data-row="bottom"] .menu li:nth-child(1) a:before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 11.3 12 4l9 7.3v8.9a1 1 0 0 1-1 1h-5.2v-6.4H9.2v6.4H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 11.3 12 4l9 7.3v8.9a1 1 0 0 1-1 1h-5.2v-6.4H9.2v6.4H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")!important}
  #footer [data-row="bottom"] .menu li:nth-child(2) a:before{background:#f6c600!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v3h-2zM11 18h2v3h-2zM3 11h3v2H3zM18 11h3v2h-3zM5.2 4 7 5.8 5.8 7 4 5.2zM18.8 4 20 5.2 18.2 7 17 5.8zM12 8a5 5 0 0 1 4.9 6H6.1A5 5 0 0 1 12 8zM5 15h15a4 4 0 0 1-3.8 3H7.5A3.5 3.5 0 0 1 5 15z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v3h-2zM11 18h2v3h-2zM3 11h3v2H3zM18 11h3v2h-3zM5.2 4 7 5.8 5.8 7 4 5.2zM18.8 4 20 5.2 18.2 7 17 5.8zM12 8a5 5 0 0 1 4.9 6H6.1A5 5 0 0 1 12 8zM5 15h15a4 4 0 0 1-3.8 3H7.5A3.5 3.5 0 0 1 5 15z'/%3E%3C/svg%3E")!important}
  #footer [data-row="bottom"] .menu li:nth-child(3) a:before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 7h2l1.4-2h3.2L15 7h2a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3zm5 4a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 7h2l1.4-2h3.2L15 7h2a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3zm5 4a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z'/%3E%3C/svg%3E")!important}
  #footer [data-row="bottom"] .menu li:nth-child(4) a:before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm-1 9v7h2v-7zm0-5v2.2h2V6z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm-1 9v7h2v-7zm0-5v2.2h2V6z'/%3E%3C/svg%3E")!important}
  #footer [data-row="bottom"] .ct-footer-copyright,#footer [data-row="bottom"] .site-branding,#footer [data-row="bottom"] [data-id="logo"]{display:none!important}
}

/* =========================================================
   CWNL 0.8.2 — Blocksy header/footer hardening
   Doel: WordPress/Blocksy header en footer exact als basismerk-laag laten voelen,
   zonder shortcode-header/footer. Alleen cropping/positionering van bestaande artwork.
   ========================================================= */
:root{
  --cwnl-site-wide:1450px;
  --cwnl-shell-radius:24px;
  --cwnl-blue:#0077d9;
  --cwnl-deep:#002b5c;
  --cwnl-deep-2:#003f75;
  --cwnl-cream:#fff8ea;
}

/* Breder canvas voor desktop/laptop */
@media (min-width:1000px){
  .ct-container,
  [data-container="default"],
  .site-main .ct-container,
  .entry-content > .alignwide{
    max-width:var(--cwnl-site-wide) !important;
  }
  body:not(.home) .site-main,
  body.home .site-main{background:linear-gradient(180deg,#eefaff 0%,#fff9ec 100%) !important;}
}

/* ------------------------- DESKTOP HEADER ------------------------- */
@media (min-width:1000px){
  #header{
    margin-top:28px !important;
    margin-bottom:34px !important;
    background:transparent !important;
    z-index:50 !important;
  }
  #header [data-row="middle"]{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #header [data-row="middle"] .ct-container{
    max-width:var(--cwnl-site-wide) !important;
    min-height:96px !important;
    padding:0 36px !important;
    margin:0 auto !important;
    border-radius:var(--cwnl-shell-radius) var(--cwnl-shell-radius) 0 0 !important;
    border:1px solid rgba(0,43,92,.14) !important;
    border-bottom:0 !important;
    background:#fff !important;
    box-shadow:0 18px 46px rgba(0,43,92,.08) !important;
    overflow:hidden !important;
  }
  #header [data-id="logo"],
  #header .site-branding,
  #header .site-logo-container{
    flex:0 0 310px !important;
    min-width:310px !important;
    max-width:310px !important;
    overflow:visible !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }
  #header [data-id="logo"] a,
  #header .site-branding a,
  #header .site-logo-container a{
    display:flex !important;
    align-items:center !important;
    overflow:visible !important;
    width:310px !important;
  }
  #header [data-id="logo"] img,
  #header .site-branding img,
  #header .site-logo-container img{
    width:310px !important;
    max-width:310px !important;
    height:auto !important;
    max-height:64px !important;
    object-fit:contain !important;
    object-position:left center !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    transform:none !important;
    clip-path:none !important;
  }
  #header [data-id="menu"]{flex:1 1 auto !important;justify-content:flex-end !important;overflow:visible !important;}
  #header [data-id="menu"] > ul,
  #header .menu,
  #header .ct-menu{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:34px !important;
    width:auto !important;
    margin:0 !important;
  }
  #header .menu > li > a,
  #header .ct-menu > li > a{
    min-height:96px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    color:#071f3d !important;
    font-size:14px !important;
    font-weight:950 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    position:relative !important;
  }
  #header .menu > li.current-menu-item > a,
  #header .ct-menu > li.current-menu-item > a,
  #header .menu > li > a:hover,
  #header .ct-menu > li > a:hover{color:var(--cwnl-blue) !important;}
  #header .menu > li.current-menu-item > a:after,
  #header .ct-menu > li.current-menu-item > a:after{
    content:"" !important;position:absolute !important;left:0 !important;right:0 !important;bottom:20px !important;height:4px !important;background:var(--cwnl-blue) !important;border-radius:999px !important;
  }
  #header [data-id="trigger"]{display:none !important;}

  /* Aangeleverde illustratie als brede banner onder de echte WP-header */
  #header:after{
    content:"" !important;
    display:block !important;
    max-width:var(--cwnl-site-wide) !important;
    height:230px !important;
    margin:0 auto !important;
    border:1px solid rgba(0,43,92,.14) !important;
    border-top:0 !important;
    border-radius:0 0 var(--cwnl-shell-radius) var(--cwnl-shell-radius) !important;
    background-image:url('../img/cwnl-header-panorama.png') !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
    box-shadow:0 18px 46px rgba(0,43,92,.08) !important;
    overflow:hidden !important;
  }
}

/* ------------------------- MOBILE HEADER ------------------------- */
@media (max-width:999px){
  #header{
    background:transparent !important;
    margin:0 !important;
    z-index:9998 !important;
  }
  #header [data-row="middle"],#header [data-row="top"],#header [data-row="bottom"]{
    background:transparent !important;border:0 !important;box-shadow:none !important;
  }
  #header [data-row="middle"] .ct-container{
    min-height:74px !important;
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding:10px 18px !important;
    background:#fff !important;
    border-radius:0 !important;
    border:0 !important;
    box-shadow:0 10px 24px rgba(0,43,92,.08) !important;
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
    overflow:visible !important;
  }
  #header [data-id="trigger"]{
    display:flex !important;order:1 !important;flex:0 0 40px !important;width:40px !important;height:40px !important;
    margin:0 !important;align-items:center !important;justify-content:center !important;color:var(--cwnl-deep) !important;
  }
  #header [data-id="trigger"] svg,
  #header [data-id="trigger"] .ct-icon{
    width:34px !important;height:34px !important;stroke-width:2.5 !important;
  }
  #header [data-id="logo"],#header .site-branding,#header .site-logo-container{
    order:2 !important;flex:1 1 auto !important;min-width:0 !important;max-width:none !important;overflow:visible !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;
  }
  #header [data-id="logo"] a,#header .site-branding a,#header .site-logo-container a{display:flex !important;align-items:center !important;overflow:visible !important;max-width:100% !important;}
  #header [data-id="logo"] img,#header .site-branding img,#header .site-logo-container img{
    width:auto !important;
    max-width:min(290px,calc(100vw - 92px)) !important;
    height:auto !important;
    max-height:52px !important;
    object-fit:contain !important;
    object-position:left center !important;
    transform:none !important;
    clip-path:none !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  #header [data-id="menu"]{display:none !important;}
}

/* ------------------------- MOBILE OFFCANVAS MENU ------------------------- */
.ct-panel,
.ct-panel-content,
.ct-header-menu,
#offcanvas,
[data-behaviour="modal"] .ct-panel-content{
  --cwnl-offcanvas-bg:rgba(11,17,25,.96);
}
@media(max-width:999px){
  .ct-panel,
  #offcanvas .ct-panel,
  .ct-header-menu{
    background:var(--cwnl-offcanvas-bg) !important;
    backdrop-filter:blur(16px) !important;
  }
  .ct-panel-content{
    background:transparent !important;
    padding:34px 34px 110px !important;
  }
  .ct-panel .ct-toggle-close,
  .ct-panel .ct-close-button{
    color:#fff !important;
    width:46px !important;height:46px !important;
    top:18px !important;right:18px !important;
  }
  .ct-panel .mobile-menu,
  .ct-panel .ct-menu,
  .ct-panel nav ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:0 !important;
    margin-top:38px !important;
  }
  .ct-panel .mobile-menu a,
  .ct-panel .ct-menu a,
  .ct-panel nav ul a{
    color:#fff !important;
    font-size:28px !important;
    font-weight:900 !important;
    line-height:1.2 !important;
    letter-spacing:-.02em !important;
    padding:12px 0 !important;
    text-transform:none !important;
  }
  .ct-panel .mobile-menu .current-menu-item > a,
  .ct-panel .ct-menu .current-menu-item > a,
  .ct-panel nav ul .current-menu-item > a{color:#1677ff !important;}
}

/* ------------------------- DESKTOP FOOTER ------------------------- */
@media(min-width:768px){
  #footer{background:transparent !important;margin-top:70px !important;padding:0 3vw 34px !important;}
  #footer [data-row="top"],#footer [data-row="middle"],#footer [data-row="bottom"]{background:transparent !important;border:0 !important;box-shadow:none !important;}

  #footer [data-row="middle"] .ct-container{
    max-width:var(--cwnl-site-wide) !important;
    min-height:250px !important;
    margin:0 auto !important;
    padding:38px 46px 58px !important;
    border-radius:24px !important;
    background:linear-gradient(135deg,#002b5c 0%,#00436f 58%,#006999 100%) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 26px 58px rgba(0,43,92,.18) !important;
    overflow:hidden !important;
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(320px,1.05fr) minmax(420px,1.2fr) minmax(260px,.8fr) !important;
    gap:36px !important;
    align-items:start !important;
  }
  #footer [data-row="middle"] .ct-container:after{
    content:"" !important;
    position:absolute !important;
    right:0 !important;
    bottom:0 !important;
    width:46% !important;
    height:150px !important;
    background:url('../img/cwnl-footer-landscape.png') right bottom/cover no-repeat !important;
    opacity:.98 !important;
    pointer-events:none !important;
    z-index:1 !important;
  }
  #footer [data-row="middle"] .ct-container > *{position:relative !important;z-index:2 !important;}

  #footer [data-row="middle"] [data-id="logo"],
  #footer [data-row="middle"] .site-branding,
  #footer [data-row="middle"] .site-logo-container{
    display:block !important;
    min-width:0 !important;
    max-width:380px !important;
    overflow:visible !important;
  }
  #footer [data-row="middle"] [data-id="logo"] a,
  #footer [data-row="middle"] .site-branding a{
    display:block !important;width:360px !important;height:82px !important;overflow:visible !important;
    background:url('../img/cwnl-logo-horizontal-light.png') left center/contain no-repeat !important;
  }
  #footer [data-row="middle"] [data-id="logo"] img,
  #footer [data-row="middle"] .site-branding img,
  #footer [data-row="middle"] .site-logo-container img{
    opacity:0 !important;
    width:360px !important;
    max-width:360px !important;
    height:82px !important;
    object-fit:contain !important;
  }
  #footer .site-title,#footer .site-description{display:none !important;}

  #footer [data-row="middle"] .menu,
  #footer [data-row="middle"] .ct-footer-menu{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(120px,1fr)) !important;
    gap:12px 32px !important;
    align-items:start !important;
    justify-items:start !important;
    width:100% !important;
    margin:0 !important;
  }
  #footer [data-row="middle"] .menu a,
  #footer [data-row="middle"] .ct-footer-menu a{
    color:#fff !important;
    font-size:16px !important;
    font-weight:800 !important;
    line-height:1.45 !important;
    text-transform:none !important;
    letter-spacing:.01em !important;
    padding:0 !important;
  }
  #footer [data-row="bottom"] .ct-container{
    max-width:var(--cwnl-site-wide) !important;
    margin:-54px auto 0 !important;
    padding:18px 46px !important;
    background:transparent !important;
    color:rgba(255,255,255,.78) !important;
    position:relative !important;
    z-index:3 !important;
    border:0 !important;
  }
}

/* ------------------------- MOBILE FOOTER / BOTTOM NAV ------------------------- */
@media(max-width:767px){
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom)) !important;}
  #footer [data-row="top"],#footer [data-row="middle"]{display:none !important;}
  #footer [data-row="bottom"]{
    display:block !important;
    position:fixed !important;
    left:0 !important;right:0 !important;bottom:0 !important;
    z-index:9999 !important;
    background:#fff !important;
    border-top:1px solid rgba(0,43,92,.16) !important;
    box-shadow:0 -16px 36px rgba(0,43,92,.14) !important;
  }
  #footer [data-row="bottom"] .ct-container{
    max-width:none !important;width:100% !important;margin:0 !important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
    background:transparent !important;border:0 !important;color:var(--cwnl-deep) !important;
  }
  #footer [data-row="bottom"] .menu,
  #footer [data-row="bottom"] .ct-footer-menu{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    width:100% !important;
    gap:0 !important;
    align-items:stretch !important;
  }
  #footer [data-row="bottom"] .menu li,
  #footer [data-row="bottom"] .ct-footer-menu li{
    display:block !important;
    text-align:center !important;
    border-right:1px solid rgba(0,43,92,.14) !important;
  }
  #footer [data-row="bottom"] .menu li:last-child,
  #footer [data-row="bottom"] .ct-footer-menu li:last-child{border-right:0 !important;}
  #footer [data-row="bottom"] .menu a,
  #footer [data-row="bottom"] .ct-footer-menu a{
    display:flex !important;
    min-height:64px !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    padding:4px 2px !important;
    color:var(--cwnl-deep) !important;
    font-size:12px !important;
    font-weight:950 !important;
    line-height:1 !important;
    text-transform:none !important;
  }
  #footer [data-row="bottom"] .menu a:before,
  #footer [data-row="bottom"] .ct-footer-menu a:before{
    content:"" !important;
    display:block !important;
    width:30px !important;
    height:30px !important;
    background:var(--cwnl-blue) !important;
    -webkit-mask-position:center !important;mask-position:center !important;
    -webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;
    -webkit-mask-size:contain !important;mask-size:contain !important;
  }
  /* Home */
  #footer [data-row="bottom"] .menu li:nth-child(1) a:before,
  #footer [data-row="bottom"] .ct-footer-menu li:nth-child(1) a:before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M7 31 32 10l25 21v25a3 3 0 0 1-3 3H39V41H25v18H10a3 3 0 0 1-3-3z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M7 31 32 10l25 21v25a3 3 0 0 1-3 3H39V41H25v18H10a3 3 0 0 1-3-3z'/%3E%3C/svg%3E") !important;
  }
  /* Weer - zon/wolk */
  #footer [data-row="bottom"] .menu li:nth-child(2) a:before,
  #footer [data-row="bottom"] .ct-footer-menu li:nth-child(2) a:before{
    background:#f6c600 !important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M29 5h6v10h-6zM29 49h6v10h-6zM5 29h10v6H5zM49 29h10v6H49zM12 12l4-4 7 7-4 4zM48 8l4 4-7 7-4-4zM32 18a14 14 0 0 1 13.5 17.5H14.5A14 14 0 0 1 32 18zM18 38h31a8 8 0 0 1 0 16H21a9 9 0 0 1-3-17z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M29 5h6v10h-6zM29 49h6v10h-6zM5 29h10v6H5zM49 29h10v6H49zM12 12l4-4 7 7-4 4zM48 8l4 4-7 7-4-4zM32 18a14 14 0 0 1 13.5 17.5H14.5A14 14 0 0 1 32 18zM18 38h31a8 8 0 0 1 0 16H21a9 9 0 0 1-3-17z'/%3E%3C/svg%3E") !important;
  }
  /* Live camera */
  #footer [data-row="bottom"] .menu li:nth-child(3) a:before,
  #footer [data-row="bottom"] .ct-footer-menu li:nth-child(3) a:before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M18 17h8l4-6h12l4 6h6a8 8 0 0 1 8 8v27a8 8 0 0 1-8 8H12a8 8 0 0 1-8-8V25a8 8 0 0 1 8-8zm14 12a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm0 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M18 17h8l4-6h12l4 6h6a8 8 0 0 1 8 8v27a8 8 0 0 1-8 8H12a8 8 0 0 1-8-8V25a8 8 0 0 1 8-8zm14 12a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm0 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10z'/%3E%3C/svg%3E") !important;
  }
  /* Info */
  #footer [data-row="bottom"] .menu li:nth-child(4) a:before,
  #footer [data-row="bottom"] .ct-footer-menu li:nth-child(4) a:before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 5a27 27 0 1 1 0 54 27 27 0 0 1 0-54zm-4 25v23h8V30zm0-13v7h8v-7z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 5a27 27 0 1 1 0 54 27 27 0 0 1 0-54zm-4 25v23h8V30zm0-13v7h8v-7z'/%3E%3C/svg%3E") !important;
  }
  #footer [data-row="bottom"] .ct-footer-copyright,
  #footer [data-row="bottom"] [data-id="logo"],
  #footer [data-row="bottom"] .site-branding{display:none !important;}
}

/* Customizer preview utility: minder horizontale overflows door grote logo's */
img.custom-logo{object-fit:contain !important;}

/* ========================================================================== 
   CWNL 0.9.0 - FINAL OVERRIDE HEADER / FOOTER BASIS
   Focus: Blocksy native header/footer, exactere logo-verhouding, brede panorama,
   lichte mobiele drawer en vaste mobile bottom nav iconen.
   ========================================================================== */
:root{
  --cwnl-site-wide:1290px;
  --cwnl-header-radius:24px;
  --cwnl-deep:#002b5c;
  --cwnl-blue:#0077d9;
  --cwnl-sky:#eefaff;
  --cwnl-sand:#fff8e8;
}
body{
  background:linear-gradient(180deg,#eefaff 0%,#f8fdff 43%,#fff8e8 100%) !important;
}
/* iets breder voor content en previews */
.ct-container,
[data-vertical-spacing*='top'] .entry-content,
.cwnl-page{
  max-width:var(--cwnl-site-wide) !important;
}
.cwnl-page{padding-left:22px !important;padding-right:22px !important;}

/* ------------------------- NATIVE DESKTOP HEADER ------------------------- */
#header{
  background:transparent !important;
  margin-top:24px !important;
  position:relative !important;
  z-index:50 !important;
}
#header [data-row='top'],
#header [data-row='bottom']{display:none !important;}
#header [data-row='middle']{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#header [data-row='middle'] .ct-container{
  max-width:var(--cwnl-site-wide) !important;
  min-height:92px !important;
  margin:0 auto !important;
  padding:15px 36px !important;
  border:1px solid rgba(0,43,92,.13) !important;
  border-bottom:0 !important;
  border-radius:var(--cwnl-header-radius) var(--cwnl-header-radius) 0 0 !important;
  background:#fff !important;
  box-shadow:0 16px 44px rgba(0,43,92,.08) !important;
  overflow:visible !important;
}
#header [data-row='middle'] [data-column],
#header [data-row='middle'] [data-items]{
  display:flex !important;
  align-items:center !important;
}
/* Logo exact: nooit uitrekken of croppen */
#header [data-id='logo'],
#header .site-branding{
  flex:0 0 auto !important;
  min-width:330px !important;
  max-width:390px !important;
  overflow:visible !important;
}
#header [data-id='logo'] a,
#header .site-branding a,
#header .site-logo-container{
  display:flex !important;
  align-items:center !important;
  width:auto !important;
  max-width:none !important;
  height:auto !important;
  overflow:visible !important;
}
#header img.custom-logo,
#header [data-id='logo'] img,
#header .site-branding img,
#header .site-logo-container img{
  width:auto !important;
  height:auto !important;
  max-width:330px !important;
  max-height:58px !important;
  object-fit:contain !important;
  object-position:left center !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  transform:none !important;
}
#header .site-title,#header .site-description{display:none !important;}
/* Menu */
#header [data-id='menu'],
#header .ct-header-menu,
#header .ct-menu,
#header .menu{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:40px !important;
  width:100% !important;
}
#header .menu > li > a,
#header .ct-menu > li > a{
  min-height:58px !important;
  padding:17px 0 !important;
  color:#061d3a !important;
  font-size:15px !important;
  font-weight:950 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  position:relative !important;
}
#header .menu > li.current-menu-item > a,
#header .ct-menu > li.current-menu-item > a,
#header .menu > li > a:hover,
#header .ct-menu > li > a:hover{color:var(--cwnl-blue) !important;}
#header .menu > li.current-menu-item > a:after,
#header .ct-menu > li.current-menu-item > a:after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;right:0 !important;bottom:8px !important;
  height:4px !important;border-radius:8px !important;background:var(--cwnl-blue) !important;
}
/* Desktop panorama: gebruik de brede door gebruiker aangeleverde asset */
@media(min-width:1000px){
  #header:after{
    content:"" !important;
    display:block !important;
    max-width:var(--cwnl-site-wide) !important;
    height:170px !important;
    margin:0 auto 34px !important;
    border:1px solid rgba(0,43,92,.13) !important;
    border-top:0 !important;
    border-radius:0 0 var(--cwnl-header-radius) var(--cwnl-header-radius) !important;
    background-image:url('../img/cwnl-header-panorama-wide.png') !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center 50% !important;
    box-shadow:0 16px 44px rgba(0,43,92,.07) !important;
  }
}

/* ------------------------- MOBILE HEADER ------------------------- */
@media(max-width:999px){
  #header{margin-top:0 !important;}
  #header:after{display:none !important;}
  #header [data-row='middle'] .ct-container{
    max-width:none !important;
    min-height:72px !important;
    margin:0 !important;
    padding:10px 20px !important;
    border:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    box-shadow:0 10px 28px rgba(0,43,92,.07) !important;
  }
  #header [data-id='trigger']{
    display:flex !important;
    order:0 !important;
    width:42px !important;height:42px !important;
    align-items:center !important;justify-content:center !important;
    margin-right:10px !important;
    color:#314a63 !important;
  }
  #header [data-id='trigger'] .ct-icon,
  #header [data-id='trigger'] svg{width:28px !important;height:28px !important;stroke-width:2.2 !important;}
  #header [data-id='logo'],#header .site-branding{
    min-width:0 !important;max-width:calc(100vw - 84px) !important;flex:1 1 auto !important;
  }
  #header img.custom-logo,
  #header [data-id='logo'] img,
  #header .site-branding img,
  #header .site-logo-container img{
    max-width:min(315px, calc(100vw - 105px)) !important;
    max-height:48px !important;
    object-fit:contain !important;
  }
  #header [data-id='menu']{display:none !important;}
}

/* Lichte mobiele offcanvas/dropdown i.p.v. zwarte overlay */
.ct-panel,
.ct-drawer-canvas,
#offcanvas{
  background:rgba(255,255,255,.74) !important;
  backdrop-filter:blur(10px) !important;
}
.ct-panel-content,
.ct-drawer-canvas .ct-panel-content,
#offcanvas .ct-panel-content{
  background:linear-gradient(180deg,#fff 0%,#eefaff 72%,#fff8e8 100%) !important;
  color:var(--cwnl-deep) !important;
  padding:92px 34px 130px !important;
  box-shadow:18px 0 48px rgba(0,43,92,.16) !important;
  border-right:1px solid rgba(0,43,92,.10) !important;
}
.ct-panel .ct-toggle-close,
.ct-panel .ct-close-button,
.ct-drawer-canvas .ct-close-button{
  color:#314a63 !important;
  background:#fff !important;
  border:1px solid rgba(0,43,92,.13) !important;
  border-radius:999px !important;
  width:44px !important;height:44px !important;
  top:22px !important;right:22px !important;
}
.ct-panel .mobile-menu,
.ct-panel .ct-menu,
.ct-panel nav ul,
.ct-drawer-canvas nav ul{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  align-items:flex-start !important;
}
.ct-panel .mobile-menu a,
.ct-panel .ct-menu a,
.ct-panel nav ul a,
.ct-drawer-canvas nav ul a{
  color:var(--cwnl-deep) !important;
  font-size:31px !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
  line-height:1.05 !important;
  padding:13px 0 !important;
  text-transform:none !important;
}
.ct-panel .current-menu-item > a,
.ct-drawer-canvas .current-menu-item > a{color:var(--cwnl-blue) !important;}

/* ------------------------- DESKTOP FOOTER ------------------------- */
@media(min-width:768px){
  #footer{
    background:transparent !important;
    margin-top:78px !important;
    padding:0 24px 36px !important;
  }
  #footer [data-row='top'],#footer [data-row='middle'],#footer [data-row='bottom']{
    background:transparent !important;border:0 !important;box-shadow:none !important;
  }
  #footer [data-row='middle'] .ct-container{
    max-width:var(--cwnl-site-wide) !important;
    min-height:255px !important;
    margin:0 auto !important;
    padding:42px 46px 70px !important;
    border-radius:24px !important;
    background:linear-gradient(135deg,#002b5c 0%,#003e69 58%,#006996 100%) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 26px 64px rgba(0,43,92,.18) !important;
    position:relative !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-columns:390px 1fr 440px !important;
    column-gap:34px !important;
    align-items:start !important;
  }
  #footer [data-row='middle'] .ct-container:before{
    content:"" !important;
    position:absolute !important;left:34px !important;right:34px !important;bottom:56px !important;
    height:1px !important;background:rgba(255,255,255,.22) !important;z-index:2 !important;
  }
  #footer [data-row='middle'] .ct-container:after{
    content:"" !important;
    position:absolute !important;
    right:0 !important;bottom:0 !important;
    width:48% !important;height:165px !important;
    background:url('../img/cwnl-footer-landscape.png') right bottom/contain no-repeat !important;
    opacity:1 !important;z-index:1 !important;pointer-events:none !important;
  }
  #footer [data-row='middle'] .ct-container > *{position:relative !important;z-index:3 !important;}
  #footer [data-row='middle'] [data-id='logo'],
  #footer [data-row='middle'] .site-branding{
    display:block !important;align-self:start !important;justify-self:start !important;min-width:0 !important;max-width:380px !important;
  }
  #footer [data-row='middle'] [data-id='logo'] a,
  #footer [data-row='middle'] .site-branding a{
    display:block !important;width:370px !important;height:82px !important;overflow:visible !important;
    background:url('../img/cwnl-logo-horizontal-light.png') left center/contain no-repeat !important;
  }
  #footer [data-row='middle'] img.custom-logo,
  #footer [data-row='middle'] [data-id='logo'] img,
  #footer [data-row='middle'] .site-branding img{
    width:370px !important;height:82px !important;max-width:370px !important;max-height:82px !important;object-fit:contain !important;opacity:0 !important;
  }
  #footer .site-title,#footer .site-description{display:none !important;}
  #footer [data-row='middle'] .menu,
  #footer [data-row='middle'] .ct-footer-menu{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(120px,1fr)) !important;
    gap:12px 42px !important;
    align-items:start !important;
    justify-items:start !important;
    margin:0 !important;
    width:100% !important;
  }
  #footer [data-row='middle'] .menu a,
  #footer [data-row='middle'] .ct-footer-menu a{
    color:#fff !important;
    font-size:16px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    padding:0 !important;
    letter-spacing:.01em !important;
    text-transform:none !important;
  }
  #footer [data-row='bottom'] .ct-container{
    max-width:var(--cwnl-site-wide) !important;
    margin:-55px auto 0 !important;
    padding:18px 46px !important;
    background:transparent !important;
    border:0 !important;
    color:rgba(255,255,255,.78) !important;
    position:relative !important;z-index:4 !important;
  }
  #footer [data-row='bottom'] a{color:rgba(255,255,255,.82) !important;}
}

/* ------------------------- MOBILE STICKY FOOTER EXACTER ------------------------- */
@media(max-width:767px){
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom)) !important;}
  #footer [data-row='top'],#footer [data-row='middle']{display:none !important;}
  #footer [data-row='bottom']{
    position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:9999 !important;
    background:#fff !important;border-top:1px solid rgba(0,43,92,.14) !important;box-shadow:0 -16px 38px rgba(0,43,92,.14) !important;
  }
  #footer [data-row='bottom'] .ct-container{
    max-width:none !important;width:100% !important;margin:0 !important;padding:8px 8px calc(8px + env(safe-area-inset-bottom)) !important;background:transparent !important;border:0 !important;
  }
  #footer [data-row='bottom'] .menu,
  #footer [data-row='bottom'] .ct-footer-menu{
    display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 !important;width:100% !important;
  }
  #footer [data-row='bottom'] .menu li,
  #footer [data-row='bottom'] .ct-footer-menu li{border-right:1px solid rgba(0,43,92,.16) !important;text-align:center !important;}
  #footer [data-row='bottom'] .menu li:last-child,
  #footer [data-row='bottom'] .ct-footer-menu li:last-child{border-right:0 !important;}
  #footer [data-row='bottom'] .menu a,
  #footer [data-row='bottom'] .ct-footer-menu a{
    min-height:64px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;
    font-size:13px !important;font-weight:950 !important;color:var(--cwnl-deep) !important;line-height:1 !important;padding:3px 2px !important;text-transform:none !important;
  }
  #footer [data-row='bottom'] .menu a:before,
  #footer [data-row='bottom'] .ct-footer-menu a:before{
    content:"" !important;width:31px !important;height:31px !important;display:block !important;background:var(--cwnl-blue) !important;
    -webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;-webkit-mask-position:center !important;mask-position:center !important;-webkit-mask-size:contain !important;mask-size:contain !important;
  }
  #footer [data-row='bottom'] .menu li:nth-child(1) a:before,#footer [data-row='bottom'] .ct-footer-menu li:nth-child(1) a:before{background:var(--cwnl-blue) !important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M7 31 32 10l25 21v25a3 3 0 0 1-3 3H39V41H25v18H10a3 3 0 0 1-3-3z'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M7 31 32 10l25 21v25a3 3 0 0 1-3 3H39V41H25v18H10a3 3 0 0 1-3-3z'/%3E%3C/svg%3E") !important;}
  #footer [data-row='bottom'] .menu li:nth-child(2) a:before,#footer [data-row='bottom'] .ct-footer-menu li:nth-child(2) a:before{background:#ffd92a !important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M30 4h7v12h-7zM30 50h7v10h-7zM4 31h11v7H4zM50 31h10v7H50zM12 12l5-5 8 8-5 5zM51 7l5 5-8 8-5-5zM33 19a15 15 0 0 1 14 20H17a15 15 0 0 1 16-20zM20 37h29a9 9 0 0 1 0 18H20a9 9 0 0 1 0-18z'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M30 4h7v12h-7zM30 50h7v10h-7zM4 31h11v7H4zM50 31h10v7H50zM12 12l5-5 8 8-5 5zM51 7l5 5-8 8-5-5zM33 19a15 15 0 0 1 14 20H17a15 15 0 0 1 16-20zM20 37h29a9 9 0 0 1 0 18H20a9 9 0 0 1 0-18z'/%3E%3C/svg%3E") !important;}
  #footer [data-row='bottom'] .menu li:nth-child(3) a:before,#footer [data-row='bottom'] .ct-footer-menu li:nth-child(3) a:before{background:var(--cwnl-blue) !important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M18 17h8l4-6h12l4 6h6a8 8 0 0 1 8 8v27a8 8 0 0 1-8 8H12a8 8 0 0 1-8-8V25a8 8 0 0 1 8-8zm14 12a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm0 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M18 17h8l4-6h12l4 6h6a8 8 0 0 1 8 8v27a8 8 0 0 1-8 8H12a8 8 0 0 1-8-8V25a8 8 0 0 1 8-8zm14 12a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm0 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z'/%3E%3C/svg%3E") !important;}
  #footer [data-row='bottom'] .menu li:nth-child(4) a:before,#footer [data-row='bottom'] .ct-footer-menu li:nth-child(4) a:before{background:var(--cwnl-blue) !important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 5a27 27 0 1 1 0 54 27 27 0 0 1 0-54zm-4 25v23h8V30zm0-13v7h8v-7z'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 5a27 27 0 1 1 0 54 27 27 0 0 1 0-54zm-4 25v23h8V30zm0-13v7h8v-7z'/%3E%3C/svg%3E") !important;}
  #footer [data-row='bottom'] .ct-footer-copyright,#footer [data-row='bottom'] [data-id='logo'],#footer [data-row='bottom'] .site-branding{display:none !important;}
}

/* =========================================================
   CWNL 0.9.1 — header/footer correction layer
   Native Blocksy header/footer, no shortcode shell.
   ========================================================= */
:root{--cwnl-site-wide:1500px;--cwnl-page-wide:1280px;}

/* Center shortcode/page content and make desktop less narrow */
.cwnl-page{margin-left:auto!important;margin-right:auto!important;max-width:var(--cwnl-page-wide)!important;}
.cwnl-home-page,.cwnl-meteo-page{margin-left:auto!important;margin-right:auto!important;}
@media(min-width:1000px){
  .entry-content>.cwnl-page,
  .site-main .cwnl-page{max-width:var(--cwnl-page-wide)!important;margin-left:auto!important;margin-right:auto!important;}
}

/* Home hero: avoid repeating the illustration immediately below the illustrated header */
.cwnl-home-hero-no-repeat{grid-template-columns:1fr!important;padding-left:42px!important;min-height:150px!important;}
.cwnl-home-hero-no-repeat>img{display:none!important;}
@media(max-width:767px){.cwnl-home-hero-no-repeat{padding-left:18px!important;min-height:auto!important;}}

/* Desktop header: use the supplied wider panorama, keep church visible, no stretched logo */
@media(min-width:1000px){
  #header{margin-top:24px!important;margin-bottom:44px!important;}
  #header [data-row="middle"] .ct-container{
    max-width:var(--cwnl-site-wide)!important;
    min-height:108px!important;
    padding:0 48px!important;
    border-radius:26px 26px 0 0!important;
  }
  #header [data-id="logo"],#header .site-branding,#header .site-logo-container{flex:0 0 365px!important;min-width:365px!important;max-width:365px!important;}
  #header [data-id="logo"] a,#header .site-branding a,#header .site-logo-container a{width:365px!important;max-width:365px!important;}
  #header [data-id="logo"] img,#header .site-branding img,#header .site-logo-container img{
    width:365px!important;max-width:365px!important;max-height:58px!important;object-fit:contain!important;object-position:left center!important;
  }
  #header .menu,#header .ct-menu{gap:44px!important;}
  #header .menu>li>a,#header .ct-menu>li>a{min-height:108px!important;font-size:15px!important;}
  #header:after{
    max-width:var(--cwnl-site-wide)!important;
    height:220px!important;
    background-image:url('../img/cwnl-header-panorama-wide.png')!important;
    background-size:cover!important;
    background-position:center 54%!important;
    border-radius:0 0 26px 26px!important;
  }
}

/* Mobile header: prevent logo stretch and keep layout stable */
@media(max-width:999px){
  #header [data-row="middle"] .ct-container{min-height:86px!important;padding:13px 24px!important;gap:18px!important;}
  #header [data-id="trigger"]{flex:0 0 44px!important;width:44px!important;height:44px!important;}
  #header [data-id="trigger"] svg,#header [data-id="trigger"] .ct-icon{width:35px!important;height:35px!important;}
  #header [data-id="logo"] img,#header .site-branding img,#header .site-logo-container img{
    max-width:min(330px,calc(100vw - 112px))!important;
    max-height:54px!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important;
  }
}

/* Mobile drawer/offcanvas: light brand style, visible menu list, no dark mode */
@media(max-width:999px){
  .ct-drawer-canvas,
  .ct-drawer-canvas .ct-drawer-inner,
  .ct-drawer-canvas .ct-panel,
  .ct-drawer-canvas .ct-panel-content,
  .ct-panel,
  .ct-panel-content,
  #offcanvas,
  #offcanvas .ct-panel,
  #offcanvas .ct-panel-content,
  .ct-header-menu{
    background:linear-gradient(180deg,#ffffff 0%,#eefaff 58%,#fff8ea 100%)!important;
    color:#071f3d!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .ct-drawer-canvas .ct-panel,
  #offcanvas .ct-panel,
  .ct-panel{width:min(92vw,430px)!important;max-width:430px!important;}
  .ct-panel-content,#offcanvas .ct-panel-content,.ct-drawer-canvas .ct-panel-content{padding:108px 38px 110px!important;}
  .ct-panel .ct-toggle-close,.ct-panel .ct-close-button,.ct-drawer-canvas .ct-close-button{
    color:#314a63!important;background:transparent!important;border:0!important;width:48px!important;height:48px!important;top:24px!important;right:26px!important;
  }
  .ct-panel .mobile-menu,.ct-panel .ct-menu,.ct-panel nav ul,.ct-drawer-canvas nav ul,#offcanvas nav ul{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;margin:0!important;padding:0!important;list-style:none!important;
  }
  .ct-panel .mobile-menu a,.ct-panel .ct-menu a,.ct-panel nav ul a,.ct-drawer-canvas nav ul a,#offcanvas nav ul a{
    color:#071f3d!important;font-size:30px!important;font-weight:950!important;line-height:1.1!important;letter-spacing:-.035em!important;padding:13px 0!important;text-transform:none!important;
  }
  .ct-panel .current-menu-item>a,.ct-drawer-canvas .current-menu-item>a,#offcanvas .current-menu-item>a{color:#0077d9!important;}
}

/* Desktop footer: closer to the reference, logo left, menu columns clean, field/duin art only */
@media(min-width:768px){
  #footer{margin-top:92px!important;padding:0 24px 44px!important;background:transparent!important;}
  #footer [data-row="top"],#footer [data-row="middle"],#footer [data-row="bottom"]{background:transparent!important;border:0!important;box-shadow:none!important;}
  #footer [data-row="middle"] .ct-container{
    max-width:var(--cwnl-site-wide)!important;
    min-height:300px!important;
    margin:0 auto!important;
    padding:46px 52px 78px!important;
    border-radius:26px!important;
    background:linear-gradient(135deg,#002b5c 0%,#00436f 60%,#006c9d 100%)!important;
    box-shadow:0 30px 70px rgba(0,43,92,.2)!important;
    display:grid!important;
    grid-template-columns:390px 1fr 520px!important;
    gap:42px!important;
    align-items:start!important;
    overflow:hidden!important;
    position:relative!important;
    color:#fff!important;
  }
  #footer [data-row="middle"] .ct-container:before{content:""!important;position:absolute!important;left:52px!important;right:52px!important;bottom:70px!important;height:1px!important;background:rgba(255,255,255,.23)!important;z-index:3!important;}
  #footer [data-row="middle"] .ct-container:after{
    content:""!important;position:absolute!important;right:0!important;bottom:0!important;width:47%!important;height:190px!important;
    background:url('../img/cwnl-footer-fields.png') right bottom/contain no-repeat!important;
    opacity:1!important;z-index:1!important;pointer-events:none!important;transform:none!important;border-radius:0!important;
  }
  #footer [data-row="middle"] .ct-container>*{position:relative!important;z-index:4!important;}
  #footer [data-row="middle"] [data-id="logo"],#footer [data-row="middle"] .site-branding,#footer [data-row="middle"] .site-logo-container{display:block!important;width:360px!important;max-width:360px!important;justify-self:start!important;align-self:start!important;}
  #footer [data-row="middle"] [data-id="logo"] a,#footer [data-row="middle"] .site-branding a,#footer [data-row="middle"] .site-logo-container a{
    display:block!important;width:360px!important;height:62px!important;background:url('../img/cwnl-logo-horizontal-light.png') left center/contain no-repeat!important;overflow:hidden!important;
  }
  #footer [data-row="middle"] [data-id="logo"] img,#footer [data-row="middle"] .site-branding img,#footer [data-row="middle"] .site-logo-container img{opacity:0!important;width:360px!important;height:62px!important;object-fit:contain!important;}
  #footer .site-title,#footer .site-description{display:none!important;}
  #footer [data-row="middle"] .menu,#footer [data-row="middle"] .ct-footer-menu{
    display:grid!important;grid-template-columns:repeat(3,minmax(115px,1fr))!important;gap:14px 42px!important;align-items:start!important;justify-items:start!important;margin:0!important;padding:0!important;width:100%!important;list-style:none!important;
  }
  #footer [data-row="middle"] .menu a,#footer [data-row="middle"] .ct-footer-menu a{
    color:#fff!important;font-size:17px!important;font-weight:850!important;line-height:1.35!important;padding:0!important;margin:0!important;text-transform:none!important;letter-spacing:0!important;
  }
  #footer [data-row="bottom"] .ct-container{max-width:var(--cwnl-site-wide)!important;margin:-78px auto 0!important;padding:22px 52px!important;background:transparent!important;color:rgba(255,255,255,.84)!important;position:relative!important;z-index:7!important;}
}

/* Mobile sticky footer: exact labels/icons and less clownish */
@media(max-width:767px){
  #footer [data-row="bottom"]{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px)!important;}
  #footer [data-row="bottom"] .ct-container{padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;}
  #footer [data-row="bottom"] .menu a,#footer [data-row="bottom"] .ct-footer-menu a{font-size:14px!important;font-weight:950!important;color:#002b5c!important;gap:6px!important;}
  #footer [data-row="bottom"] .menu a:before,#footer [data-row="bottom"] .ct-footer-menu a:before{width:32px!important;height:32px!important;}
  #footer [data-row="bottom"] .menu li:nth-child(2) a:before,#footer [data-row="bottom"] .ct-footer-menu li:nth-child(2) a:before{background:#ffd92a!important;filter:drop-shadow(8px 0 0 #0077d9)!important;}
}