/* WVvG – portaalsite, nagebouwd naar de oude Elementor-site (Hello Elementor + Open Sans/Oswald). */

@font-face{font-family:'Open Sans';src:url('assets/open-sans-latin.woff2') format('woff2');font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';src:url('assets/open-sans-latin-ext.woff2') format('woff2');font-weight:300 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Oswald';src:url('assets/oswald-latin.woff2') format('woff2');font-weight:300;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Oswald';src:url('assets/oswald-latin-ext.woff2') format('woff2');font-weight:300;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --sp-container:1140px;
  --sp-gutter:20px;
  --sp-gap:20px;
  --sp-font:'Open Sans',sans-serif;
  --sp-font-heading:'Open Sans',sans-serif;
  --sp-text:#333;
  --sp-secondary:#333;
  --sp-primary:#884675;
  --sp-primary-contrast:#fff;
  --sp-surface:#f8f8f8;
  --sp-radius:0;
  --sp-btn-radius:3px;
  --wvvg-gyproc:#884675;
  --wvvg-deco:#000;
  --wvvg-hout:#7e4d17;
}

body{font-weight:300;font-size:16px;line-height:1.5;color:var(--sp-text)}
h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1;color:var(--sp-text)}
h1{font-size:32px}
p{margin:0 0 .9em}
.sp-section p:last-child{margin-bottom:0}

/* Elementor gaf de knoppen op /wvvg-gyproc-deco-hout geen eigen kleur: dat is de grijze standaardknop. */
.sp-btn{font-weight:400;letter-spacing:normal;text-transform:none;padding:12px 24px;line-height:1;border-width:0}
.sp-btn-primary{background:#69727d;border-color:#69727d;color:#fff;font-size:15px}
.sp-btn-primary:hover{background:#5a626c;border-color:#5a626c;color:#fff}

/* De inleiding stond in Elementor in een sectie met een bredere kolomtussenruimte: twee kolommen
   van 500 px met 60 px ertussen. Onder 769 px stapelen ze, zoals overal in de builder. */
.wvvg-intro .sp-container{padding-left:40px;padding-right:40px}
@media(min-width:769px){
  .wvvg-intro .sp-row{grid-template-columns:1fr 1fr;column-gap:60px}
  .wvvg-intro .sp-col{grid-column:auto}
}

/* ---- Divisiekaart: vierkante foto + gekleurde balk ---- */
.wvvg-divisie{display:block;text-decoration:none;color:inherit}
.wvvg-divisie-beeld{display:block;line-height:0}
.wvvg-divisie-beeld img{display:block;width:100%;max-width:350px;margin:0 auto;aspect-ratio:1/1;object-fit:cover}
.wvvg-divisie-balk{
  display:flex;align-items:center;gap:28px;
  min-height:85px;padding:10px 20px;margin-top:20px;
  background:var(--wvvg-divisie-kleur,#884675);
}
.wvvg-divisie-merk{flex:none;width:59px;height:59px;color:var(--wvvg-divisie-kleur,#884675)}
.wvvg-divisie-merk svg{display:block;width:100%;height:100%}
.wvvg-divisie-tekst{display:block;min-width:0}
.wvvg-divisie-naam{
  display:block;font-family:'Oswald',sans-serif;font-weight:300;
  font-size:32px;line-height:1;letter-spacing:5.8px;color:#fff;
}
.wvvg-divisie-naam small{font-size:12px;letter-spacing:5.8px}
.wvvg-divisie-mail{
  display:block;font-family:'Oswald',sans-serif;font-weight:300;
  font-size:16px;line-height:1;color:#fff;margin-top:1px;
}

/* Op mobiel schuift de balk over de onderrand van de foto, net als op de oude site. */
@media(max-width:767px){
  .wvvg-divisie-balk{margin-top:-20px;position:relative}
}

/* ---- Portaalpagina: drie volle schermkolommen, elk in de kleur van die tak ---- */
.wvvg-portaal .sp-row{min-height:100vh;align-items:stretch}
.wvvg-portaal .sp-col{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 10px;color:#fff}
.wvvg-portaal .sp-widget{width:100%}
.wvvg-portaal .sp-text a{color:#fff;text-decoration:underline}
.wvvg-portaal-deco .sp-w-image img{max-width:170px}
.wvvg-portaal-gyproc .sp-w-image img{max-width:207px}
.wvvg-portaal-hout .sp-w-image img{max-width:152px}
@media(max-width:768px){.wvvg-portaal .sp-row{min-height:0}.wvvg-portaal .sp-col{min-height:80vh}}

/* ---- Voettekst: de oude site had er geen, dit is enkel de wettelijke strook ---- */
.site-footer{background:#f8f8f8;color:#8a8a8a;padding:1.25rem 0;font-size:13px;border-top:1px solid #ececec}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.site-footer a{color:#6b6b6b;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.footer-legal{display:flex;gap:1rem;flex-wrap:wrap}

.page-hero{background:#f8f8f8;padding:3rem 0;border-bottom:1px solid #ececec}
.page-hero h1{margin:0;font-size:32px}