@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

/* === Nieuw ontwerp Willem IV Rally (2026). Geldt alleen binnen .w4r, raakt de huidige pagina's niet. === */
body.elementor-template-canvas { margin: 0; background: #F6F1E7; }
.w4r { font-family: Inter, system-ui, sans-serif; color: #14213D; background: #F6F1E7; }
.w4r h1, .w4r h2, .w4r h3, .w4r p, .w4r li, .w4r dt, .w4r dd, .w4r span, .w4r label, .w4r legend, .w4r summary, .w4r td, .w4r th, .w4r figcaption { color: inherit; text-transform: none; }
.w4r a { color: #14213D; }
.w4r a:hover { color: #94500F; }
.w4r img { max-width: 100%; }
.w4r ul:not([style*="padding-left"]) > li, .w4r ol:not([style*="padding-left"]) > li { list-style: none; }
.w4r ul[style*="padding-left"] > li { list-style: disc; }
.w4r ol[type="a"] > li { list-style: lower-alpha; }
.w4r .checker { height: 14px; background: repeating-conic-gradient(#14213D 0 25%, #F6F1E7 0 50%) 0 0 / 14px 14px; }
.w4r summary { cursor: pointer; }
.w4r .wpcf7 { max-width: 920px; }
.w4r .wpcf7 p { font-size: 15px; font-weight: 600; margin: 0 0 16px; }
.w4r .wpcf7 input[type=text], .w4r .wpcf7 input[type=email], .w4r .wpcf7 input[type=tel], .w4r .wpcf7 input[type=number], .w4r .wpcf7 select, .w4r .wpcf7 textarea { box-sizing: border-box; width: 100%; min-height: 48px; padding: 10px 14px; font: inherit; font-size: 16px; font-weight: 400; border: 1.5px solid #8A93A8; border-radius: 4px; background: #fff; color: #14213D; }
.w4r .wpcf7 input[type=checkbox] { width: 20px; height: 20px; vertical-align: middle; margin-right: 8px; }
.w4r .wpcf7 input[type=submit] { min-height: 56px; padding: 0 32px; font: inherit; font-size: 18px; font-weight: 700; background: #E38A36; color: #14213D; border: 0; border-radius: 4px; cursor: pointer; }
.w4r .wpcf7 input[type=submit]:hover { background: #F07E34; }

/* Willem IV Rally: fotogalerij en lightbox (alleen binnen .w4r) */
.w4r .w4r-gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-auto-flow:dense}
.w4r .w4r-gal a{display:block;position:relative;overflow:hidden;border-radius:6px;aspect-ratio:4/3;background:#DDD5C4;line-height:0}
.w4r .w4r-gal a.is-groot{grid-column:span 2}
.w4r .w4r-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.w4r .w4r-gal a:hover img,.w4r .w4r-gal a:focus-visible img{transform:scale(1.04)}
.w4r .w4r-gal a:focus-visible{outline:3px solid #E38A36;outline-offset:2px}
@media (min-width:860px){.w4r .w4r-gal{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.w4r .w4r-gal a.is-groot{grid-row:span 2;aspect-ratio:auto}}
.w4r .w4r-lb{display:none;position:fixed;inset:0;z-index:100000;background:rgba(10,16,32,.94);align-items:center;justify-content:center;padding:56px 76px}
.w4r .w4r-lb:target{display:flex}
.w4r .w4r-lb-bg{position:absolute;inset:0;z-index:0}
.w4r .w4r-lb figure{position:relative;z-index:1;margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%}
.w4r .w4r-lb img{max-width:100%;max-height:calc(100vh - 140px);width:auto;height:auto;display:block;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.w4r .w4r-lb figcaption{color:#F6F1E7;font-size:14px;line-height:1.5;text-align:center}
.w4r .w4r-lb figcaption span{color:#E38A36;font-weight:700;margin-left:10px;white-space:nowrap}
.w4r .w4r-lb .w4r-lb-knop{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:4px;background:rgba(246,241,231,.14);color:#F6F1E7;font-size:30px;line-height:1;text-decoration:none}
.w4r .w4r-lb .w4r-lb-knop:hover,.w4r .w4r-lb .w4r-lb-knop:focus-visible{background:#E38A36;color:#14213D}
.w4r .w4r-lb .w4r-lb-sluit{top:16px;right:16px;font-size:26px}
.w4r .w4r-lb .w4r-lb-vorige{left:14px;top:50%;transform:translateY(-50%)}
.w4r .w4r-lb .w4r-lb-volgende{right:14px;top:50%;transform:translateY(-50%)}
@media (max-width:640px){.w4r .w4r-lb{padding:64px 10px 80px}.w4r .w4r-lb .w4r-lb-vorige,.w4r .w4r-lb .w4r-lb-volgende{top:auto;bottom:16px;transform:none}.w4r .w4r-lb .w4r-lb-vorige{left:calc(50% - 58px)}.w4r .w4r-lb .w4r-lb-volgende{right:calc(50% - 58px)}}