/*
Theme Name: Mijn Waalre Klassiek – Mijn Heeze-stijl
Theme URI: https://mijnwaalre.nl/
Description: Veilige doorontwikkeling van het oorspronkelijke Mijn Waalre Redactiethema (mijn-waalre-theme). Behoudt alle oorspronkelijke templates en de Newsroom/Halo-weergave; vernieuwt header, logo, navigatie en footer.
Author: Mijn Heeze e.o.
Version: 1.0.3
Template: mijn-waalre-theme
Text Domain: mw-klassiek
Requires PHP: 7.4
*/
:root{--mwcp-blue:#0032AD;--mwcp-navy:#142343;--mwcp-ink:#142343;--mwcp-muted:#5E6C82;--mwcp-edge:#DDE5F5;--mwcp-light:#F7F9FE}
body:not(.wp-admin){color:var(--mwcp-ink);font-family:Montserrat,Arial,sans-serif;background:#fff}
body:not(.wp-admin) a:focus-visible, body:not(.wp-admin) button:focus-visible,body:not(.wp-admin) summary:focus-visible{outline:3px solid var(--mwcp-blue);outline-offset:3px}
/* Parent .mwp-header styling: hide none of the real content or news blocks. */
body:not(.wp-admin) .mwp-header.mwcp-header{display:block!important;width:100%!important;padding:0!important;background:white;border:0;border-bottom:1px solid var(--mwcp-edge);box-shadow:0 4px 22px rgba(20,35,67,.045);position:relative;z-index:35;box-sizing:border-box}
body:not(.wp-admin) .mwcp-topbar{background:#142343;color:#fff;font-size:11px;font-weight:700;letter-spacing:.075em;padding:7px max(20px,calc((100vw - 1200px)/2));text-transform:uppercase;line-height:1.5}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-header-inner{max-width:1240px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between;gap:16px!important;flex-wrap:nowrap!important;padding:16px 20px!important;min-height:88px}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-brand{display:flex!important;flex:0 0 auto;min-width:220px;align-items:center}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-brand img{display:block!important;width:clamp(205px,21vw,295px)!important;max-width:295px!important;height:auto!important;max-height:72px!important;object-fit:contain!important}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-desktop-nav{display:flex!important;align-items:center;gap:4px!important;flex:1 1 auto;justify-content:flex-end;flex-wrap:wrap}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-desktop-nav a{font-size:13px!important;font-weight:750!important;line-height:1.35;display:inline-block;white-space:nowrap;color:var(--mwcp-ink)!important;padding:10px 9px!important;text-decoration:none!important;border-radius:7px}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-desktop-nav a:hover,body:not(.wp-admin) .mwp-header.mwcp-header .mwp-desktop-nav a[aria-current="page"]{color:var(--mwcp-blue)!important;background:#eff3fd}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-desktop-nav .mwcp-halloween{color:#ad4e0c!important}
body:not(.wp-admin) .mwp-header.mwcp-header .mwcp-search{margin-left:0!important;display:flex!important;flex:0 0 135px}
body:not(.wp-admin) .mwp-header.mwcp-header .mwcp-search input{min-width:0!important;width:90px!important;padding:9px!important;background:#fff;border:1px solid var(--mwcp-edge)}
body:not(.wp-admin) .mwp-header.mwcp-header .mwcp-search button{background:var(--mwcp-blue)!important;color:white!important;font-size:12px;border:0!important;cursor:pointer}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-mobile-nav{display:none!important}
/* Generic fallback for older header markup while the child JavaScript initializes. */
body:not(.wp-admin) .mwp-header:not(.mwcp-header) .mwp-brand{display:inline-flex;width:220px;height:62px;background:url('assets/mw-logo.svg') no-repeat left center / contain}
body:not(.wp-admin) .mwp-header:not(.mwcp-header) .mwp-brand img{visibility:hidden!important}
/* Editorial colours, keep original grid sizes and all news/category filtering. */
body:not(.wp-admin) .mwp-site{font-family:Montserrat,Arial,sans-serif!important;color:var(--mwcp-ink)!important;max-width:1200px!important;margin:0 auto}
body:not(.wp-admin) .mwp-section h2,body:not(.wp-admin) .mwp-overview h1{color:var(--mwcp-blue)!important;font-weight:800!important;letter-spacing:-.035em}
body:not(.wp-admin) .mwp-card{border-color:var(--mwcp-edge)!important;border-radius:10px!important}
body:not(.wp-admin) .mwp-card-body h3{font-weight:780!important}
body:not(.wp-admin) .mwp-card-body time{color:#65728b}
body:not(.wp-admin) .mwp-feature-grid .mwp-card-body time{color:#e6ecff}
body:not(.wp-admin) .mwp-section-heading>a,body:not(.wp-admin) .mwp-contact a{color:var(--mwcp-blue)!important;font-weight:750}
body:not(.wp-admin) .mwp-tiles .mwp-card,body:not(.wp-admin) .mwp-updates .mwp-card{box-shadow:0 4px 16px rgba(20,35,67,.05)}
body:not(.wp-admin) .mwp-mini .mwp-card-image img,body:not(.wp-admin) .mwp-tiles .mwp-card-image img{object-fit:contain!important}
body:not(.wp-admin) .mwp-card-image{background:#edf2fb}
body:not(.wp-admin) .mwp-section-heading{gap:14px}
/* Our footer is appended by the child without altering parent templates. */
body:not(.wp-admin) .mwcp-footer{display:block;position:relative;clear:both;background:var(--mwcp-light);border-top:1px solid var(--mwcp-edge);color:var(--mwcp-ink);margin-top:46px!important;font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:1.7}
body:not(.wp-admin) .mwcp-footer *{box-sizing:border-box}
body:not(.wp-admin) .mwcp-footer-inner{max-width:1200px;margin:0 auto;padding:36px 22px 20px}
body:not(.wp-admin) .mwcp-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
body:not(.wp-admin) .mwcp-footer h2,body:not(.wp-admin) .mwcp-footer h3{color:var(--mwcp-navy);font-weight:800;margin:0 0 9px;line-height:1.3}
body:not(.wp-admin) .mwcp-footer h2{font-size:25px}body:not(.wp-admin) .mwcp-footer h3{font-size:15px}
body:not(.wp-admin) .mwcp-footer p{font-size:13px;margin:0;max-width:400px}
body:not(.wp-admin) .mwcp-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
body:not(.wp-admin) .mwcp-footer a{color:var(--mwcp-blue);text-decoration:none;font-size:13px;font-weight:650}
body:not(.wp-admin) .mwcp-footer a:hover{text-decoration:underline}
body:not(.wp-admin) .mwcp-copyright{border-top:1px solid var(--mwcp-edge);margin-top:26px;padding-top:13px;color:#4d5c76;font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:1100px){
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-header-inner{min-height:76px;flex-wrap:nowrap!important;gap:12px!important}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-desktop-nav{display:none!important}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-mobile-nav{display:block!important;margin-left:auto;position:relative;flex:0 0 auto}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-mobile-nav summary{display:flex;align-items:center;gap:9px;background:var(--mwcp-blue);color:white;border-radius:7px;font-weight:750;list-style:none;padding:10px 14px;cursor:pointer;font-size:14px}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-mobile-nav summary::-webkit-details-marker{display:none}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-mobile-nav summary:before{content:'☰';font-size:17px;line-height:1}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-mobile-nav[open] summary:before{content:'✕'}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-mobile-nav nav{position:absolute;display:grid;gap:0;right:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 28px));max-height:75vh;overflow:auto;background:white;border:1px solid var(--mwcp-edge);border-radius:10px;z-index:999;box-shadow:0 14px 28px #14234330;padding:8px}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-mobile-nav a{display:block;padding:11px 14px!important;font-weight:700!important;font-size:14px!important;border-radius:7px;color:var(--mwcp-navy)!important;text-decoration:none!important}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-mobile-nav a:hover{background:#eff3fd;color:var(--mwcp-blue)!important}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-mobile-nav .mwcp-halloween{color:#a84a00!important}
}
@media(max-width:690px){
body:not(.wp-admin) .mwcp-topbar{padding:7px 14px;font-size:10px}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-header-inner{padding:10px 12px!important;min-height:69px}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-brand{min-width:0}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-brand img{width:min(46vw,215px)!important;max-height:60px!important}
body:not(.wp-admin) .mwp-header.mwcp-header .mwcp-search{display:none!important}
body:not(.wp-admin) .mwp-header.mwcp-header .mwp-mobile-nav{margin-left:auto!important}
body:not(.wp-admin) .mwcp-footer-grid{grid-template-columns:1fr 1fr;gap:24px}
body:not(.wp-admin) .mwcp-footer-grid>div:first-child{grid-column:1 / -1}
body:not(.wp-admin) .mwcp-footer-inner{padding:28px 16px 18px}
body:not(.wp-admin) .mwp-updates{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:420px){body:not(.wp-admin) .mwp-header.mwcp-header .mwp-brand img{width:min(52vw,175px)!important}body:not(.wp-admin) .mwcp-footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body:not(.wp-admin) .mwp-header *,body:not(.wp-admin) .mwcp-footer *{scroll-behavior:auto!important;transition:none!important}}

/* v1.0.1: originele Waalre-grid blijft intact, maar gebruikt Heeze-blauw. */
:root{--mw-blue:#0032ad;--mw-gold:#0032ad;--mw-border:#dce4f1;--mw-muted:#64748b}
body:not(.wp-admin){background:#f7f9fe;color:#142343}
body:not(.wp-admin) .mw-site-main{padding-top:28px}
body:not(.wp-admin) .mw-news-card,
body:not(.wp-admin) .mw-boxed-section,
body:not(.wp-admin) .mw-panel{background:#fff;border-color:#dde5f5}
body:not(.wp-admin) .mw-news-card{border-radius:11px;box-shadow:0 4px 16px rgba(20,35,67,.05)}
body:not(.wp-admin) .mw-news-card h2 a,
body:not(.wp-admin) .mw-section-title,
body:not(.wp-admin) .mw-article h1,
body:not(.wp-admin) .mw-body h2{color:#0032ad}
body:not(.wp-admin) .mw-section-title:after{background:#0032ad}
body:not(.wp-admin) .mw-home-news>.mw-section-heading{margin-bottom:18px}
body:not(.wp-admin) .mw-news-card img{object-fit:contain}
body:not(.wp-admin) .mwcp-skip-link{position:absolute;left:-9999px;top:0;z-index:10000;padding:12px 18px;background:#0032ad;color:#fff}
body:not(.wp-admin) .mwcp-skip-link:focus{left:12px;top:12px}
body:not(.wp-admin) .mwcp-footer{margin-top:0!important}
body:not(.wp-admin) .mwcp-header .mwp-header-inner{background:#fff}
@media(max-width:1100px){
 body:not(.wp-admin) .mwcp-header .mwp-header-inner{display:flex!important}
}
@media(max-width:690px){
 body:not(.wp-admin) .mw-home-lead{grid-template-columns:1fr}
 body:not(.wp-admin) .mw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body:not(.wp-admin) .mwcp-header .mwp-mobile-nav nav{width:min(320px,calc(100vw - 24px))}
}
@media(max-width:480px){
 body:not(.wp-admin) .mw-grid{grid-template-columns:1fr}
 body:not(.wp-admin) .mwcp-header .mwp-mobile-nav summary{min-height:44px}
}