/* ============================================================
   BRANDWEER.BE – Frontend (geen Elementor)
   Eigen .bw-* layout; vacaturelijst hierboven; pagina-templates
   gebruiken hoofdzakelijk .bw-page hieronder.

   Inhoud (volgorde = cascade; vacatureblok staat vóór .bw-page):
   · :root tokens
   · Vacature/solliciteer-overzicht (#bw-single kleur, .bw-vacatures … .bw-link)
   · body reset + .bw-page (header/nav, hero, blokken, footer, …)
   · Account / Mijn account · Zones · Homepage-varianten · Vertaal-UI
   ============================================================ */

:root{
  --bw-red:#C8102E;
  --bw-red-dark:#a50f26;
  --bw-dark:#0F1A2A;
  --bw-dark-2:#16263d;
  --bw-text:#1f2937;
  --bw-muted:#667085;
  --bw-light:#F4F6F8;
  --bw-white:#ffffff;
  --bw-border:#e5e7eb;
  --bw-yellow:#FFD200;
  --bw-blue:#003399;
  --bw-radius-xl:28px;
  --bw-radius-lg:20px;
  --bw-radius-md:14px;
  --bw-shadow:0 18px 50px rgba(15,26,42,.12);
  --bw-shadow-soft:0 10px 30px rgba(15,26,42,.08);
  --bw-container:1200px;
}

.screen-reader-text{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

::selection{
  background:var(--bw-red);
  color:var(--bw-white);
}

::-moz-selection{
  background:var(--bw-red);
  color:var(--bw-white);
}

/* =================================
   Vacature-/solliciteer-overzicht
================================= */

#bw-single,
.bw-vacatures,
.bw-proeven{
  color:var(--bw-dark);
}

/* Lijstpagina’s met zoek/filters: zelfde buitenmarges als proeven (nav → titel) */
.bw-vacatures,
.bw-proeven{
  max-width:1200px;
  width:100%;
  margin:0 auto;
  padding:30px 20px 50px;
  box-sizing:border-box;
}

.bw-header{
  padding:40px 0 30px;
  border-bottom:2px solid #E5E8EB;
  margin-bottom:30px;
}

/* Zelfde H1-anker als proeven: geen losse h1-typografie per pagina */
.bw-vacatures .bw-header h1,
.bw-proeven .bw-header h1{
  font-size:clamp(28px,3.2vw,36px);
  line-height:1.15;
  font-weight:800;
  margin:0 0 8px;
  color:var(--bw-dark);
}
.bw-vacatures .bw-header p,
.bw-proeven .bw-header p{
  margin:0;
  color:#5c6672;
  font-size:16px;
}

.bw-kicker{
  font-size:12px;
  font-weight:800;
  letter-spacing:.15em;
  color:var(--bw-red);
  text-transform:uppercase;
}

.bw-header h1{
  font-size:42px;
  font-weight:800;
  margin:10px 0;
}

.bw-header p{
  color:#5C6672;
}

.bw-filters{
  display:flex;
  gap:15px;
  flex-wrap:wrap;
  align-items:center;
  padding:20px;
  background:var(--bw-light);
  border:1px solid #E1E5EA;
  margin-bottom:40px;
}

.bw-filters input,
.bw-filters select{
  padding:12px 14px;
  font-size:14px;
  border:1px solid #D5DAE0;
  background:#fff;
  min-width:200px;
  font-family:inherit;
}

.bw-filters input:focus,
.bw-filters select:focus{
  outline:none;
  border-color:var(--bw-red);
}

.bw-count{
  margin-left:auto;
  font-weight:700;
}

.bw-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
}

@media(max-width:900px){
  .bw-grid{
    grid-template-columns:1fr;
  }
}

.bw-card{
  position:relative;
  background:#fff;
  border:1px solid #E1E5EA;
  padding:30px 30px 50px 40px;
  transition:.25s ease;
  overflow:hidden;
}

.bw-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:var(--bw-red);
}

.bw-card::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100px;
  height:6px;
  background:linear-gradient(to right,var(--bw-yellow) 0 60%, var(--bw-blue) 60% 100%);
}

.bw-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 25px rgba(0,0,0,.06);
}

.bw-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:20px;
}

.bw-title{
  font-size:18px;
  font-weight:800;
  margin:0;
  max-width:75%;
}

.bw-title-stack{
  max-width:75%;
}

.bw-title-stack .bw-title{
  max-width:none;
}

.bw-job-subtitle{
  margin-top:6px;
  color:var(--bw-dark);
  font-size:14px;
  font-weight:700;
  line-height:1.35;
}

.bw-status{
  font-size:11px;
  font-weight:800;
  padding:5px 8px;
  border:2px solid var(--bw-red);
  color:var(--bw-red);
  background:#fff;
}

.bw-status.closed{
  border-color:#999;
  color:#666;
}

.bw-meta-block{
  margin-bottom:14px;
}

.bw-meta-label{
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--bw-red);
  margin-bottom:4px;
}

.bw-meta-value{
  font-size:14px;
  font-weight:600;
  line-height:1.4;
}

.bw-desc{
  font-size:14px;
  margin:15px 0 20px;
  line-height:1.5;
}

.bw-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.bw-deadline{
  font-weight:800;
  color:var(--bw-red);
  font-size:13px;
}

.bw-link{
  position:relative;
  display:inline-block;
  text-decoration:none;
  font-weight:700;
  padding:12px 20px;
  background:#fff;
  color:var(--bw-dark);
  border:2px solid var(--bw-dark);
  transition:.2s ease;
  overflow:hidden;
}

.bw-link:hover{
  background:var(--bw-red);
  border-color:var(--bw-red);
  color:#fff;
}

.bw-link::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  height:6px;
  width:120px;
  background:linear-gradient(to right,var(--bw-yellow) 0 60%, var(--bw-blue) 60% 100%);
  transform:translateX(-100%);
  transition:.4s ease;
}

.bw-link:hover::after{
  transform:translateX(0);
}

/* ============================================================
   SITE-PAGINA'S (.bw-page)
   Statische markup + content manager pagina's. Hierboven:
   vacaturelijst-/filter-stijlen voor o.a. solliciteren-overzicht.
   ============================================================ */

/* ── GLOBAL RESET ───────────────────────────────────────── */
body{margin:0;padding:0;}

/* ── RESETS (alleen binnen .bw-page) ────────────────────── */
.bw-page{
  overflow:hidden;
  font-family:Inter,Arial,Helvetica,sans-serif;
  color:var(--bw-text);
  line-height:1.6;
  background:
    radial-gradient(circle at top left,rgba(200,16,46,.05),transparent 28%),
    radial-gradient(circle at top right,rgba(0,51,153,.04),transparent 20%),
    #fff;
}
.bw-page *{box-sizing:border-box;}
.bw-page img{display:block;max-width:100%;height:auto;}
.bw-page a{text-decoration:none;color:inherit;}

/* Contentlinks moeten zichtbaar herkenbaar blijven; navigatie, kaarten en knoppen
   hebben eigen componentstijlen en worden hieronder bewust uitgesloten. */
.bw-page :where(p, dd, blockquote) a:not(.bw-btn):not(.bw-card-link):not(.bw-search-card-link),
.bw-page :where(.bw-prose-inner, .bw-dp-block-body, .bw-accordion-body-inner, .bw-table-wrap, .bw-404-lead, .bw-account-preview-body, .bw-dp-cta-body, .bw-dp-download-card, .bw-section-subtitle, .bw-description, .bw-dp-faq-a, .bw-dp-test-body, .bw-sz-card-content) a:not(.bw-btn):not(.bw-card-link):not(.bw-search-card-link):not(.bw-404-quick-card){
  color:var(--bw-red);
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:rgba(200,16,46,.45);
  text-decoration-thickness:1.5px;
  text-underline-offset:3px;
  transition:color .2s ease,text-decoration-color .2s ease;
}
.bw-page :where(p, dd, blockquote) a:not(.bw-btn):not(.bw-card-link):not(.bw-search-card-link):hover,
.bw-page :where(.bw-prose-inner, .bw-dp-block-body, .bw-accordion-body-inner, .bw-table-wrap, .bw-404-lead, .bw-account-preview-body, .bw-dp-cta-body, .bw-dp-download-card, .bw-section-subtitle, .bw-description, .bw-dp-faq-a, .bw-dp-test-body, .bw-sz-card-content) a:not(.bw-btn):not(.bw-card-link):not(.bw-search-card-link):not(.bw-404-quick-card):hover{
  color:var(--bw-red-dark);
  text-decoration-color:var(--bw-red-dark);
}

.bw-container{width:min(var(--bw-container),calc(100% - 40px));margin:0 auto;}

/* ── SITE HEADER / NAV ──────────────────────────────────── */

.bw-site-header{
  position:sticky;top:0;z-index:100;
  background:var(--bw-dark);
}
.bw-site-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  max-width:1400px;width:calc(100% - 40px);margin:0 auto;
  min-height:68px;
}
.bw-site-logo{display:flex;align-items:center;flex-shrink:0;}
.bw-site-logo img{width:50px;height:50px;}

.bw-site-nav{
  display:flex;align-items:center;gap:4px;flex-wrap:wrap;
}
.bw-site-nav a{
  position:relative;
  display:inline-flex;align-items:center;
  padding:8px 14px;
  color:#fff;font-size:14px;font-weight:600;
  font-family:'Inter Tight','Inter',Arial,sans-serif;
  transition:color .2s;white-space:nowrap;
  text-decoration:none;
}
.bw-site-nav a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:4px;
  height:2px;background:var(--bw-red);
  transform:scaleX(0);transform-origin:center;
  transition:transform .25s ease;
}
.bw-site-nav a:hover{color:#fff;}
.bw-site-nav a:hover::after,
.bw-site-nav a.active::after{transform:scaleX(1);}
.bw-site-nav a.active{color:#fff;}

/* dropdown */
.bw-site-nav-dropdown{
  position:relative;
}
.bw-site-nav-dropdown > a::before{
  content:"";display:inline-block;
  width:5px;height:5px;margin-left:6px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .25s;order:1;
}
.bw-site-nav-dropdown:hover > a::before{transform:rotate(-135deg) translateY(0);}
.bw-site-nav-sub{
  position:absolute;top:100%;left:0;
  min-width:240px;padding:8px 0;
  background:var(--bw-dark);
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  box-shadow:0 16px 40px rgba(0,0,0,.25);
  opacity:0;visibility:hidden;
  transform:translateY(6px);
  transition:opacity .2s,transform .2s,visibility .2s;
  z-index:120;
}
.bw-site-nav-dropdown:hover .bw-site-nav-sub{
  opacity:1;visibility:visible;transform:translateY(0);
}
.bw-site-nav-sub a{
  display:flex!important;padding:10px 20px!important;
  font-size:13.5px!important;color:rgba(255,255,255,.9)!important;
  white-space:nowrap;
}
.bw-site-nav-sub a::after{display:none!important;}
.bw-site-nav-sub a:hover{
  color:#fff!important;background:rgba(255,255,255,.06);
}

.bw-nav-account{
  background:var(--bw-red)!important;
  color:#fff!important;
  padding:8px 18px!important;
  border-radius:6px!important;
  font-weight:700!important;
  font-size:13px!important;
  letter-spacing:.03em;
  transition:background .2s ease, transform .2s ease!important;
}
.bw-nav-account:hover{
  background:#a50f26!important;
  transform:translateY(-1px);
}
.bw-nav-account::after{display:none!important;}

/* header user area (account + role switcher) */
.bw-header-user{
  display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:12px;
}
.bw-header-account-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 16px;border-radius:8px;
  color:#fff;font-size:13px;font-weight:600;
  font-family:'Inter Tight','Inter',Arial,sans-serif;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.14);
  text-decoration:none;white-space:nowrap;
  transition:all .2s;
}
.bw-header-account-btn:hover{
  background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.25);color:#fff;
}
.bw-header-account-btn svg{flex-shrink:0;opacity:.85;}

/* role switcher (admin testing) */
.bw-role-switcher{
  position:relative;display:flex;align-items:center;flex-shrink:0;
}
.bw-role-toggle{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:6px;cursor:pointer;
  color:rgba(255,255,255,.85);font-size:12px;font-weight:700;
  font-family:'Inter Tight','Inter',Arial,sans-serif;
  letter-spacing:.04em;
  background:rgba(200,16,46,.2);
  border:1px solid rgba(200,16,46,.35);
  transition:all .2s;
}
.bw-role-toggle:hover,
.bw-role-switcher.open .bw-role-toggle{
  color:#fff;background:rgba(200,16,46,.3);border-color:rgba(200,16,46,.5);
}
.bw-role-toggle svg{flex-shrink:0;opacity:.8;}
.bw-role-current{white-space:nowrap;}
.bw-role-chevron{
  display:inline-block;width:5px;height:5px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);margin-top:-2px;
  transition:transform .2s;
}
.bw-role-switcher.open .bw-role-chevron{
  transform:rotate(-135deg);margin-top:2px;
}
.bw-role-menu{
  position:absolute;top:calc(100% + 6px);right:0;
  list-style:none;margin:0;padding:6px 0;
  background:var(--bw-dark-2);
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.35);
  min-width:180px;
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .2s, visibility .2s, transform .2s;
  z-index:120;
}
.bw-role-switcher.open .bw-role-menu{
  opacity:1;visibility:visible;transform:translateY(0);
}
.bw-role-option{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;padding:10px 16px;
  color:rgba(255,255,255,.8);font-size:13px;font-weight:600;
  font-family:'Inter Tight','Inter',Arial,sans-serif;
  background:transparent;border:none;cursor:pointer;
  transition:all .15s;text-align:left;
}
.bw-role-option:hover{color:#fff;background:rgba(255,255,255,.06);}
.bw-role-option.is-active{color:var(--bw-red);font-weight:700;}
.bw-role-check{font-size:14px;color:var(--bw-red);}

/* footer admin login link — same style as sibling links */

/* language switcher */
/* language switcher (custom dropdown) */
.bw-lang-switcher{
  position:relative;display:flex;align-items:center;flex-shrink:0;margin-left:8px;
}
.bw-lang-toggle{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:6px;cursor:pointer;
  color:rgba(255,255,255,.85);font-size:14px;font-weight:600;
  font-family:'Inter Tight','Inter',Arial,sans-serif;letter-spacing:normal;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  transition:all .2s;
}
.bw-lang-toggle:hover,
.bw-lang-switcher.open .bw-lang-toggle{
  color:#fff;background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.2);
}
.bw-lang-chevron{
  display:inline-block;width:6px;height:6px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);margin-top:-2px;
  transition:transform .2s;
}
.bw-lang-switcher.open .bw-lang-chevron{
  transform:rotate(-135deg);margin-top:2px;
}
.bw-lang-menu{
  position:absolute;top:calc(100% + 6px);right:0;
  list-style:none;margin:0;padding:6px 0;
  background:var(--bw-dark-2);
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.35);
  min-width:160px;
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .2s, visibility .2s, transform .2s;
}
.bw-lang-switcher.open .bw-lang-menu{
  opacity:1;visibility:visible;transform:translateY(0);
}
.bw-lang-menu a{
  display:flex;align-items:center;gap:10px;
  padding:10px 16px;
  color:rgba(255,255,255,.75);font-size:13.5px;font-weight:500;
  font-family:'Inter Tight','Inter',Arial,sans-serif;
  text-decoration:none;transition:all .15s;
}
.bw-lang-menu a:hover{
  color:#fff;background:rgba(255,255,255,.06);
}
.bw-lang-menu-code{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:20px;border-radius:4px;
  background:rgba(255,255,255,.08);
  font-size:11px;font-weight:600;letter-spacing:.05em;
  font-family:'Inter Tight','Inter',Arial,sans-serif;
  color:rgba(255,255,255,.6);
}

.bw-header-search{
  position:relative;display:flex;align-items:center;flex-shrink:0;margin-left:8px;
}
.bw-header-search-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:999px;cursor:pointer;
  color:rgba(255,255,255,.85);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  transition:all .2s;
}
.bw-header-search-toggle:hover,
.bw-header-search.open .bw-header-search-toggle{
  color:#fff;background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.22);
}
.bw-header-search-panel{
  position:absolute;top:calc(100% + 8px);right:0;
  width:min(420px,calc(100vw - 32px));
  padding:10px;
  background:var(--bw-dark-2);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  box-shadow:0 18px 44px rgba(0,0,0,.35);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .2s, visibility .2s, transform .2s;
  z-index:130;
}
.bw-header-search.open .bw-header-search-panel{
  opacity:1;visibility:visible;transform:translateY(0);
}
.bw-header-search-form{
  display:flex;align-items:center;gap:8px;margin:0;
}
.bw-header-search-input{
  flex:1;min-width:0;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  color:#fff;background:rgba(255,255,255,.08);
  font:500 14px/1.3 'Inter',Arial,sans-serif;
  outline:none;
}
.bw-header-search-input::placeholder{color:rgba(255,255,255,.45);}
.bw-header-search-input:focus{
  border-color:rgba(255,255,255,.32);
  box-shadow:0 0 0 3px rgba(255,255,255,.08);
}
.bw-header-search-submit{
  padding:11px 16px;border-radius:10px;border:none;cursor:pointer;
  color:#fff;background:var(--bw-red);
  font:700 13px/1 'Inter Tight','Inter',Arial,sans-serif;
  transition:background .2s, transform .2s;
}
.bw-header-search-submit:hover{
  background:var(--bw-red-dark);transform:translateY(-1px);
}

.bw-site-burger{
  display:none;flex-direction:column;justify-content:center;
  gap:5px;cursor:pointer;
  background:none;border:none;padding:8px;
  width:40px;height:40px;
}
.bw-site-burger span{
  display:block;width:22px;height:2px;background:#fff;
  border-radius:2px;transition:.3s;transform-origin:center;
}
.bw-site-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.bw-site-burger.open span:nth-child(2){opacity:0;}
.bw-site-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* legacy header classes kept for compatibility */
header.bw-header{
  position:sticky;top:0;z-index:100;
  padding:0;margin-bottom:0;
  background:rgba(15,26,42,.97);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.bw-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  width:min(var(--bw-container),calc(100% - 40px));margin:0 auto;
  min-height:62px;
}
.bw-logo{
  display:flex;align-items:center;gap:10px;
  color:#fff;font-size:17px;font-weight:800;letter-spacing:-.02em;
  white-space:nowrap;
}
.bw-logo-bar{width:4px;height:26px;border-radius:4px;background:linear-gradient(to bottom,var(--bw-yellow),var(--bw-red));}
.bw-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.bw-nav a{
  display:inline-flex;align-items:center;
  padding:7px 13px;border-radius:10px;
  color:rgba(255,255,255,.78);font-size:13.5px;font-weight:600;
  transition:.2s;white-space:nowrap;
}
.bw-nav a:hover,.bw-nav a.active{background:rgba(255,255,255,.1);color:#fff;}
.bw-hamburger{
  display:none;flex-direction:column;gap:5px;cursor:pointer;
  background:none;border:none;padding:6px;
}
.bw-hamburger span{display:block;width:24px;height:2.5px;background:#fff;border-radius:2px;transition:.25s;}

/* ── HERO ───────────────────────────────────────────────── */
.bw-hero{
  position:relative;min-height:80vh;
  display:flex;align-items:center;
  background-color:var(--bw-dark);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  overflow:hidden;
}
.bw-hero--has-att-img{
  background-image:none !important;
}
.bw-hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.bw-hero-bg--fallback{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.bw-hero-bg-img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.bw-hero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(15,26,42,.32) 0%,rgba(15,26,42,.08) 50%,transparent 100%);
  pointer-events:none;
}
.bw-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:140px;
  background:linear-gradient(to top,#fff 0%,rgba(255,255,255,0) 100%);pointer-events:none;
}
.bw-hero-inner{position:relative;z-index:2;width:min(var(--bw-container),calc(100% - 40px));margin:0 auto;padding:60px 0;}
.bw-hero-content{
  max-width:700px;
  background:rgba(15,26,42,.35);
  backdrop-filter:blur(4px);
  padding:36px 38px;border-radius:6px;
}
.bw-hero-content h1{
  margin:0 0 20px;color:#fff;
  font-size:clamp(38px,5vw,58px);line-height:1.05;font-weight:800;letter-spacing:.005em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.25);
}
.bw-hero-content p{margin:0 0 0;max-width:580px;color:rgba(255,255,255,.85);font-size:16px;line-height:1.6;}

/* legacy .bw-hero-card kept for other pages that still use it */
.bw-hero-card{
  background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.75);
  border-radius:var(--bw-radius-xl);padding:34px 34px 30px;
  box-shadow:var(--bw-shadow);backdrop-filter:blur(10px);
}
.bw-hero-card .bw-kicker{
  display:inline-flex;align-items:center;gap:12px;margin-bottom:14px;
  letter-spacing:.14em;
}
.bw-hero-card .bw-kicker::before{
  content:"";display:inline-block;width:38px;height:6px;border-radius:999px;
  background:linear-gradient(to right,var(--bw-yellow) 0 60%,var(--bw-blue) 60% 100%);
}
.bw-hero-card h1{margin:0;color:var(--bw-dark);font-size:clamp(28px,3.8vw,42px);line-height:1.1;letter-spacing:-.02em;}
.bw-hero-card p{margin:16px 0 0;max-width:760px;color:var(--bw-muted);font-size:18px;}

/* ── INTRO BOX ──────────────────────────────────────────── */
.bw-intro{padding:36px 0 20px;}
.bw-intro-box{
  display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;
  padding:28px;background:linear-gradient(135deg,#f8fafc 0%,#eef2f7 100%);
  border:1px solid #e7edf3;border-radius:var(--bw-radius-xl);box-shadow:var(--bw-shadow-soft);
}
.bw-intro-text h2{margin:0 0 12px;color:var(--bw-dark);font-size:clamp(24px,3vw,38px);line-height:1.15;letter-spacing:-.02em;}
.bw-intro-text p{margin:0;color:var(--bw-muted);font-size:16px;max-width:720px;}
.bw-pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;}
.bw-pill{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:12px 18px;border-radius:999px;
  background:#fff;border:1px solid #e4e8ef;color:var(--bw-dark);
  font-size:14px;font-weight:700;box-shadow:0 10px 24px rgba(15,26,42,.05);
}

/* ── SPLIT SECTION (red + visual) ───────────────────────── */
.bw-section{padding:34px 0 84px;}
.bw-split{
  display:grid;grid-template-columns:1.04fr .96fr;
  background:#fff;border-radius:32px;overflow:hidden;box-shadow:var(--bw-shadow);
}
.bw-content{
  position:relative;padding:58px 48px;color:#fff;
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,0)),
    linear-gradient(135deg,var(--bw-red) 0%,var(--bw-red-dark) 100%);
}
.bw-content::after{
  content:"";position:absolute;top:0;right:-70px;width:160px;height:100%;
  background:inherit;transform:skewX(-17deg);transform-origin:top;z-index:1;
}
.bw-content-inner{position:relative;z-index:2;max-width:640px;}
.bw-content h3{margin:0 0 22px;font-size:clamp(28px,3.4vw,42px);line-height:1.1;letter-spacing:-.02em;}
.bw-content p{margin:0 0 16px;font-size:16px;color:rgba(255,255,255,.94);}
.bw-highlight{
  margin-top:28px;padding:18px 20px;border-radius:18px;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);color:#fff;font-weight:700;
}
.bw-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}

/* ── BUTTONS ────────────────────────────────────────────── */
.bw-btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  min-height:54px;padding:14px 24px;border-radius:14px;
  font-size:15px;font-weight:800;transition:.25s ease;overflow:hidden;
}
.bw-btn::after{
  content:"";position:absolute;left:0;bottom:0;width:120px;height:5px;
  background:linear-gradient(to right,var(--bw-yellow) 0 60%,var(--bw-blue) 60% 100%);
  transform:translateX(-100%);transition:transform .35s ease;
}
.bw-btn:hover::after{transform:translateX(0);}
.bw-btn-primary{
  background:#fff;color:var(--bw-dark);border:2px solid var(--bw-dark);
  border-left:4px solid var(--bw-red);
  box-shadow:none;border-radius:0;
}
.bw-btn-primary:hover{transform:translateY(-2px);background:var(--bw-red);border-color:var(--bw-red);color:#fff;}
.bw-btn .bw-arrow{
  margin-left:10px;font-size:18px;
  display:inline-block;transition:transform .2s;
}
.bw-btn:hover .bw-arrow{transform:translateX(4px);}
.bw-btn-secondary{background:rgba(255,255,255,.92);color:var(--bw-dark);border:2px solid #fff;backdrop-filter:blur(4px);}
.bw-btn-secondary:hover{transform:translateY(-2px);background:#fff;border-color:#fff;color:var(--bw-dark);}
.bw-btn-dark{background:var(--bw-dark);color:#fff;border:2px solid var(--bw-dark);}
.bw-btn-dark:hover{transform:translateY(-2px);background:var(--bw-red);border-color:var(--bw-red);}
.bw-btn-outline{background:transparent;color:var(--bw-dark);border:2px solid var(--bw-border);}
.bw-btn-outline:hover{transform:translateY(-2px);border-color:var(--bw-dark);background:var(--bw-light);}

/* ── VISUAL PANEL ───────────────────────────────────────── */
.bw-visual{
  position:relative;min-height:100%;display:flex;align-items:flex-end;justify-content:flex-start;padding:28px;
  background-color:var(--bw-dark);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.bw-visual-card{
  max-width:390px;padding:22px 22px 18px;border-radius:22px;
  background:rgba(15,26,42,.76);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px rgba(0,0,0,.18);color:#fff;
}
.bw-visual-card strong{display:block;margin-bottom:10px;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#fff;}
.bw-visual-card p{margin:0;font-size:15px;line-height:1.6;color:rgba(255,255,255,.9);}

/* ── INFO GRID (3 cards) ────────────────────────────────── */
.bw-info{padding:0 0 90px;}
.bw-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.bw-info-card{
  display:block;
  background:#fff;border:1px solid #e7ebf0;border-radius:22px;
  padding:28px 24px;box-shadow:var(--bw-shadow-soft);
  transition:.25s;
}
.bw-info-card:hover{transform:translateY(-4px);box-shadow:var(--bw-shadow);}
.bw-info-card h4{margin:0 0 10px;color:var(--bw-dark);font-size:18px;}
.bw-info-card p{margin:0;color:var(--bw-muted);font-size:15px;}

/* ── CONTENT BLOCK (prose) ──────────────────────────────── */
.bw-prose{padding:48px 0 80px;}
.bw-prose-inner{
  max-width:860px;margin:0 auto;
  background:#fff;border:1px solid #e7ebf0;border-radius:var(--bw-radius-xl);
  padding:48px 44px;box-shadow:var(--bw-shadow-soft);
}
.bw-prose-inner h2{
  margin:0 0 18px;color:var(--bw-dark);
  font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.02em;
}
.bw-prose-inner h3{margin:32px 0 14px;color:var(--bw-dark);font-size:22px;line-height:1.2;}
.bw-prose-inner h4{margin:24px 0 10px;color:var(--bw-dark);font-size:18px;font-weight:700;}
.bw-prose-inner p{margin:0 0 16px;color:var(--bw-muted);font-size:16px;line-height:1.7;}
.bw-prose-inner ul,.bw-prose-inner ol{margin:0 0 16px;padding-left:24px;}
.bw-prose-inner ul{list-style:disc;}
.bw-prose-inner ol{list-style:decimal;}
.bw-prose-inner li{margin-bottom:8px;color:var(--bw-muted);font-size:15px;line-height:1.6;}
.bw-prose-inner a{color:var(--bw-red);font-weight:600;transition:.2s;}
.bw-prose-inner a:hover{color:var(--bw-red-dark);text-decoration:underline;}
.bw-prose-inner strong{color:var(--bw-dark);}

/* ── SEARCH RESULTS ─────────────────────────────────────── */
.bw-search-page{background:#fff;}
.bw-search-hero{
  padding:58px 0 34px;
  background:linear-gradient(135deg,var(--bw-dark),var(--bw-dark-2));
  color:#fff;
}
.bw-search-hero h1{
  margin:8px 0 12px;
  font-size:clamp(34px,4vw,54px);
  line-height:1.05;
  letter-spacing:-.03em;
}
.bw-search-hero p{margin:0;max-width:720px;color:rgba(255,255,255,.76);font-size:17px;line-height:1.6;}
.bw-search-page-form{
  display:flex;gap:10px;max-width:720px;margin-top:24px;
}
.bw-search-page-form input{
  flex:1;min-width:0;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  color:#fff;background:rgba(255,255,255,.08);
  font:500 15px/1.3 'Inter',Arial,sans-serif;
}
.bw-search-page-form input::placeholder{color:rgba(255,255,255,.45);}
.bw-search-page-form button{
  padding:15px 22px;border:0;border-radius:14px;cursor:pointer;
  color:#fff;background:var(--bw-red);
  font:800 14px/1 'Inter Tight','Inter',Arial,sans-serif;
}
.bw-search-results{
  padding:42px 0 80px;
}
.bw-search-list{display:grid;gap:16px;}
.bw-search-card{
  display:block;
  padding:24px 26px;
  background:#fff;
  border:1px solid #e7ebf0;
  border-left:4px solid var(--bw-red);
  border-radius:18px;
  box-shadow:var(--bw-shadow-soft);
  text-decoration:none;
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
.bw-search-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--bw-shadow);
  border-color:#d8dee7;
}
.bw-search-virtual-card{
  border-left-color:var(--bw-blue);
}
.bw-search-card-type{
  display:inline-flex;margin-bottom:9px;
  color:var(--bw-red);
  font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;
}
.bw-search-card h2{
  margin:0 0 10px;
  font-size:clamp(20px,2.4vw,28px);
  line-height:1.2;
}
.bw-search-card h2 a{color:var(--bw-dark);text-decoration:none;}
.bw-search-card h2 a:hover{color:var(--bw-red);}
.bw-search-card-excerpt,
.bw-search-card-excerpt p{
  margin:0;
  color:var(--bw-muted);
  font-size:15px;
  line-height:1.65;
}
.bw-search-card-link{
  display:inline-flex;align-items:center;gap:6px;margin-top:14px;
  color:var(--bw-red-dark);
  font-size:13px;font-weight:700;
  text-decoration:none;
}
.bw-search-card-link:hover{text-decoration:underline;}
.bw-search-pagination{margin-top:28px;}
.bw-search-empty{
  padding:34px;
  border:1px solid #e7ebf0;
  border-radius:20px;
  background:var(--bw-light);
}
.bw-search-empty h2{margin:0 0 10px;color:var(--bw-dark);font-size:24px;}
.bw-search-empty p{margin:0;color:var(--bw-muted);line-height:1.65;}

/* ── SITE CARDS GRID ────────────────────────────────────── */
/* Scoped via .bw-cards-grid om de vacature .bw-card stijlen */
/* niet te overschrijven.                                    */

.bw-cards{padding:0 0 80px;}
.bw-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;}
.bw-cards-grid .bw-card{
  background:#fff;border:1px solid #e7ebf0;border-radius:22px;
  padding:28px 24px;box-shadow:var(--bw-shadow-soft);transition:.25s;
}
.bw-cards-grid .bw-card::before{display:none;}
.bw-cards-grid .bw-card::after{display:none;}
.bw-cards-grid .bw-card:hover{transform:translateY(-4px);box-shadow:var(--bw-shadow);}
.bw-cards-grid .bw-card h4{margin:0 0 10px;color:var(--bw-dark);font-size:18px;}
.bw-cards-grid .bw-card p{margin:0;color:var(--bw-muted);font-size:15px;}
.bw-card a.bw-card-link{
  display:inline-flex;align-items:center;gap:6px;margin-top:14px;
  color:var(--bw-red);font-weight:700;font-size:14px;
}
.bw-card a.bw-card-link:hover{text-decoration:underline;}

/* ── FAQ / ACCORDION ────────────────────────────────────── */
.bw-faq{padding:0 0 80px;}
.bw-faq-group{margin-bottom:32px;}
.bw-faq-group-title{
  margin:0 0 16px;color:var(--bw-dark);font-size:22px;font-weight:800;
  padding-bottom:10px;border-bottom:3px solid var(--bw-red);
}
.bw-accordion{margin-bottom:8px;border:1px solid #e7ebf0;border-radius:16px;overflow:hidden;background:#fff;}
.bw-accordion-header{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 22px;cursor:pointer;font-size:15px;font-weight:700;color:var(--bw-dark);
  background:#fff;border:none;width:100%;text-align:left;transition:.2s;
  font-family:inherit;
}
.bw-accordion-header:hover{background:var(--bw-light);}
.bw-accordion-header::after{
  content:"+";font-size:22px;font-weight:400;color:var(--bw-red);
  transition:transform .3s;flex-shrink:0;
}
.bw-accordion.open .bw-accordion-header::after{content:"\2212";}
.bw-accordion-body{
  max-height:0;overflow:hidden;transition:max-height .35s ease;
}
.bw-accordion.open .bw-accordion-body{max-height:3000px;}
.bw-accordion-body-inner{padding:0 22px 20px;color:var(--bw-muted);font-size:15px;line-height:1.7;}
.bw-accordion-body-inner p{margin:0 0 10px;}
.bw-accordion-body-inner ul{list-style:disc;padding-left:20px;margin:0 0 10px;}
.bw-accordion-body-inner ol{list-style:decimal;padding-left:20px;margin:0 0 10px;}
.bw-accordion-body-inner li{margin-bottom:6px;}
.bw-accordion-body-inner strong{color:var(--bw-dark);}
.bw-accordion-body-inner a{color:var(--bw-red);font-weight:600;}

/* ── STEPS ──────────────────────────────────────────────── */
.bw-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:24px 0 32px;}
.bw-step{
  background:#fff;border:1px solid #e7ebf0;border-radius:20px;
  padding:24px 20px;box-shadow:var(--bw-shadow-soft);text-align:center;
}
.bw-step-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:14px;
  background:var(--bw-red);color:#fff;font-size:18px;font-weight:800;margin-bottom:14px;
}
.bw-step h4{margin:0 0 8px;color:var(--bw-dark);font-size:16px;font-weight:800;}
.bw-step p{margin:0;color:var(--bw-muted);font-size:14px;}

/* ── ICON CARDS (requirements) ──────────────────────────── */
.bw-req-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:24px 0;}
.bw-req-card{
  background:#fff;border:1px solid #e7ebf0;border-radius:20px;
  padding:24px;box-shadow:var(--bw-shadow-soft);
}
.bw-req-icon{font-size:32px;margin-bottom:10px;}
.bw-req-card h4{margin:0 0 8px;color:var(--bw-dark);font-size:16px;font-weight:800;}
.bw-req-card p{margin:0;color:var(--bw-muted);font-size:14px;line-height:1.6;}

/* ── PHYSICAL TESTS GRID ────────────────────────────────── */
.bw-tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:24px 0;}
.bw-test-card{
  background:#fff;border:1px solid #e7ebf0;border-radius:18px;
  padding:20px;box-shadow:var(--bw-shadow-soft);
}
.bw-test-icon{font-size:28px;margin-bottom:8px;}
.bw-test-card h4{margin:0 0 6px;color:var(--bw-dark);font-size:15px;font-weight:800;}
.bw-test-card p{margin:0;color:var(--bw-muted);font-size:14px;line-height:1.5;}

/* ── TABLE ──────────────────────────────────────────────── */
.bw-table-wrap{overflow-x:auto;margin:20px 0;}
.bw-table-wrap table{width:100%;border-collapse:collapse;font-size:14px;}
.bw-table-wrap th,.bw-table-wrap td{padding:12px 16px;text-align:left;border-bottom:1px solid #e7ebf0;}
.bw-table-wrap th{background:var(--bw-light);color:var(--bw-dark);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;}
.bw-table-wrap td{color:var(--bw-muted);}
.bw-table-wrap td a{color:var(--bw-red);font-weight:600;}

/* ── SITE FOOTER ────────────────────────────────────────── */

.bw-site-footer{
  background:var(--bw-dark);
  color:rgba(255,255,255,.55);
  font-family:'Inter Tight','Inter',Arial,sans-serif;
  position:relative;
  overflow:hidden;
}

/* Main area */
.bw-footer-main{
  padding:60px 0 40px;
}
/* Sublogo: vast rechts tegen de footerrand, verticaal gecentreerd.
   Verbergen zodra het te dicht bij de contentkolom komt (≤1540px),
   zodat het de tekst nooit raakt. */
.bw-footer-sublogo{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:300px;
  max-width:min(300px, 22vw);
  height:auto;
  object-fit:contain;
  pointer-events:none;
  z-index:0;
}
.bw-footer-inner{
  position:relative;
  z-index:1;
  box-sizing:border-box;
}
@media (max-width:1540px){
  .bw-footer-sublogo{
    display:none!important;
  }
}
.bw-footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1.2fr;
  gap:40px;
}

/* Brand column */
.bw-footer-brand p{
  font-size:14px;line-height:1.7;margin:16px 0 20px;
  color:rgba(255,255,255,.5);
}
.bw-footer-brand a.bw-footer-112{
  color:#fff;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}
.bw-footer-brand a.bw-footer-112:hover{color:var(--bw-red);}
.bw-footer-brand strong{color:#fff;}
.bw-footer-logo img{
  height:60px;width:auto;
}
.bw-footer-social{
  display:flex;gap:12px;
}
.bw-footer-social a{
  display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.5);
  text-decoration:none;
  transition:background .25s, color .25s, transform .25s;
}
.bw-footer-social a:hover{
  background:var(--bw-red);color:#fff;
  transform:translateY(-2px);
}

/* Column headings */
.bw-footer-heading{
  font-size:13px;font-weight:800;text-transform:uppercase;
  letter-spacing:.12em;color:#fff;
  margin:0 0 18px;
  position:relative;padding-bottom:12px;
}
.bw-footer-heading::after{
  content:"";position:absolute;bottom:0;left:0;
  width:28px;height:3px;background:var(--bw-red);border-radius:2px;
}

/* Link lists */
.bw-footer-list{
  list-style:none;margin:0;padding:0;
}
.bw-footer-list li{
  margin-bottom:10px;
}
.bw-footer-list a{
  color:rgba(255,255,255,.5);
  text-decoration:none;font-size:14px;
  transition:color .2s, padding-left .2s;
}
.bw-footer-list a:hover{
  color:#fff;padding-left:4px;
}

/* Contact list: icoon links, alle tekst in een verticaal blok (adres onder benaming) */
.bw-footer-contact li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:13.5px;line-height:1.6;
  margin-bottom:14px;
  color:rgba(255,255,255,.5);
}
.bw-footer-contact-body{
  flex:1;
  min-width:0;
  display:block;
}
.bw-footer-contact-org{
  display:block;
  color:rgba(255,255,255,.55);
  margin:0 0 8px;
}
a.bw-footer-maps{
  display:block;
  color:rgba(255,255,255,.65);
  text-decoration:underline;
  text-underline-offset:2px;
  line-height:1.45;
  margin:0;
}
a.bw-footer-maps:hover{color:#fff;}
.bw-footer-contact svg{
  flex-shrink:0;margin-top:3px;
  color:var(--bw-red);
}
.bw-footer-contact a[href^="tel:"]{
  color:rgba(255,255,255,.9);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-color:rgba(255,255,255,.35);
}
.bw-footer-contact a[href^="tel:"]:hover{color:#fff;}
/* overschrijf algemene .bw-footer-list a (14px) in contactblok */
.bw-footer-list.bw-footer-contact a{
  font-size:13.5px;
  padding-left:0;
  text-decoration-skip-ink:auto;
  transition:color .2s;
}
.bw-footer-list.bw-footer-contact a:hover{
  padding-left:0;
}

/* Bottom bar */
.bw-footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  padding:20px 0;
}
.bw-footer-bottom .bw-container{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;
}
.bw-footer-bottom p{
  margin:0;font-size:12.5px;color:rgba(255,255,255,.35);
}
.bw-footer-bottom-links{
  display:flex;gap:20px;
}
.bw-footer-bottom-links a{
  font-size:12.5px;color:rgba(255,255,255,.35);
  text-decoration:none;transition:color .2s;
}
.bw-footer-bottom-links a:hover{color:rgba(255,255,255,.7);}

/* Footer responsive */
@media(max-width:1024px){
  .bw-footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .bw-footer-grid{grid-template-columns:1fr;gap:32px;}
  .bw-footer-main{padding:40px 0 30px;}
  .bw-footer-bottom .bw-container{
    flex-direction:column;align-items:center;text-align:center;
  }
  .bw-footer-bottom-links{justify-content:center;}
}

/* ── CTA BANNER ─────────────────────────────────────────── */
.bw-cta{
  margin:0 auto 60px;padding:64px 40px;border-radius:var(--bw-radius-xl);
  background:linear-gradient(135deg,var(--bw-red) 0%,var(--bw-red-dark) 100%);
  color:#fff;text-align:center;box-shadow:var(--bw-shadow);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:260px;
  box-sizing:border-box;
}
.bw-cta h2,
.bw-cta h3{margin:0 0 12px;font-size:clamp(24px,3vw,36px);letter-spacing:-.02em;font-weight:800;}
.bw-cta p{margin:0 auto 24px;color:rgba(255,255,255,.88);font-size:16px;line-height:1.55;max-width:600px;}
.bw-cta .bw-btn-primary{background:#fff;color:var(--bw-dark);border-color:#fff;}

/* ── INFO CARD IMAGE ────────────────────────────────────── */
.bw-info-card img{
  width:100%;height:160px;object-fit:cover;
  border-radius:14px;margin-bottom:14px;
}

/* ── 112 BANNER ─────────────────────────────────────────── */
.bw-112-banner{
  display:flex;align-items:center;gap:16px;
  padding:20px 28px;margin-bottom:32px;
  background:var(--bw-dark);border-radius:var(--bw-radius-lg);
  box-shadow:var(--bw-shadow-soft);
}
.bw-112-banner img{width:47px;height:47px;flex-shrink:0;}
.bw-112-banner h3{margin:0;color:#fff;font-size:18px;font-weight:700;}
.bw-112-banner h3 a{color:var(--bw-yellow);transition:.2s;}
.bw-112-banner h3 a:hover{text-decoration:underline;}

/* ── SMOKE CARDS ────────────────────────────────────────── */
.bw-smoke-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  width:100%;min-width:0;
}
.bw-smoke-card{
  position:relative;display:flex;align-items:flex-end;
  min-height:300px;min-width:0;border-radius:15px;overflow:hidden;
  background-size:cover;background-position:center;
  text-decoration:none;color:#fff;
  transition:.3s ease;
}
.bw-smoke-card::before{display:none;}
.bw-smoke-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(15,26,42,.55) 0%,rgba(15,26,42,.05) 50%);
  pointer-events:none;z-index:1;
}
.bw-smoke-card:hover{transform:translateY(-4px);box-shadow:var(--bw-shadow);}
.bw-smoke-card-inner{
  position:relative;z-index:2;
  display:flex;align-items:center;gap:15px;
  padding:20px;width:100%;
}
.bw-smoke-card-inner svg{
  width:24px;height:24px;fill:#fff;flex-shrink:0;
}
.bw-smoke-card-inner h3{
  margin:0;font-size:18px;font-weight:700;line-height:1.3;color:#fff;
}

/* ── SUBLOGO ────────────────────────────────────────────── */
.bw-sublogo-wrap{
  position:fixed;right:10px;bottom:10px;
  pointer-events:none;z-index:50;
}
.bw-sublogo{
  width:300px;height:auto;
}

/* Deelnemingsvoorwaarden: intro = één veld, vet = donker, overige tekst = muted */
.bw-deelneming-intro{ color:var(--bw-muted); }
.bw-deelneming-intro strong{ color:var(--bw-dark); font-weight:700; }

/* ── VOORWAARDEN CARDS (Deelnemingsvoorwaarden) ─────────── */
.bw-vw-section{
  padding:20px 0 64px;
  background:#fff;
}
.bw-vw-grid{
  width:min(1100px,calc(100% - 40px));
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;
}
.bw-vw-card{
  padding:30px 28px;
  display:flex;flex-direction:column;
  justify-content:flex-start;
  min-height:0;
  border-radius:20px;position:relative;overflow:hidden;
  border:1px solid #e7ebf0;
  box-shadow:var(--bw-shadow-soft);
  transition:.25s ease;
}
.bw-vw-card::after{
  content:"";position:absolute;bottom:0;left:0;
  height:6px;width:120px;
  background:linear-gradient(to right,var(--bw-yellow) 0 60%,var(--bw-blue) 60% 100%);
  transform:translateX(-100%);transition:.4s ease;
}
.bw-vw-card:hover::after{transform:translateX(0);}
.bw-vw-card:hover{transform:translateY(-4px);box-shadow:var(--bw-shadow);}
.bw-vw-card h3{
  font-size:16px;font-weight:800;letter-spacing:.08em;
  margin:0 0 16px;text-transform:uppercase;line-height:1.35;
}
.bw-vw-card p{font-size:14.5px;line-height:1.65;margin:0;}
.bw-vw-light{background:#fff;color:var(--bw-dark);}
.bw-vw-light h3{color:var(--bw-red);}
.bw-vw-dark{background:#072335;color:#fff;}
.bw-vw-dark h3{color:#fff;}
.bw-vw-dark p{color:rgba(255,255,255,.82);}
.bw-vw-icon{font-size:34px;margin-bottom:18px;opacity:.9;}
@media(max-width:1024px){
  .bw-vw-grid{grid-template-columns:1fr;}
  .bw-vw-card{min-height:auto;}
  .bw-vw-section{padding:10px 0 48px;}
}

/* ── FIRE ICON LIST ─────────────────────────────────────── */
.bw-fire-list{
  list-style:none;padding:0;margin:0 0 16px;
}
.bw-fire-list li{
  display:flex;align-items:flex-start;gap:14px;
  margin-bottom:14px;font-size:16px;line-height:1.7;
  color:var(--bw-muted);
}
.bw-fire-list li strong{color:var(--bw-dark);}
.bw-fire-icon{
  width:18px;height:18px;flex-shrink:0;margin-top:4px;
  fill:var(--bw-red);
}

/* ── FGA BLOCKS (Federaal Geschiktheidsattest) ──────────── */
.bw-fga-hero{
  padding:60px 0 24px;
  background:#fff;
}
.bw-fga-hero .bw-container,
.bw-fga-notice-section .bw-container{
  max-width:930px;
}
.bw-fga-hero-card{
  position:relative;
  overflow:hidden;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  text-align:center;
}
.bw-fga-hero-card::after{
  display:none;
}
.bw-fga-hero-card .bw-dp-title,
.bw-fga-hero-card .bw-dp-subtitle,
.bw-fga-hero-card .bw-dp-kicker{
  position:relative;
  z-index:1;
}
.bw-fga-hero-card .bw-dp-title{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}
.bw-fga-hero-card .bw-dp-subtitle{
  max-width:680px;
  margin:0 auto;
}
.bw-fga-notice-section{
  padding:0 0 48px;
  background:#fff;
}
.bw-fga-notice{
  padding:20px 24px;
  background:#fff;
  border:1px solid rgba(200,16,46,.18);
  border-left:5px solid var(--bw-red);
  border-radius:14px;
  box-shadow:0 12px 32px rgba(15,26,42,.05);
}
.bw-fga-notice p{
  margin:0;
  color:var(--bw-dark);
  font-size:15.5px;
  font-weight:700;
  line-height:1.65;
}
.bw-fga-routes{
  padding:56px 0 88px;
  background:#fff;
}
.bw-fga-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;
}
.bw-fga-block{
  display:flex;align-items:flex-start;justify-content:flex-start;
  min-height:220px;
  padding:30px 28px;text-decoration:none;text-align:left;
  font-weight:800;font-size:17px;color:#fff;
  border-radius:20px;position:relative;overflow:hidden;
  transition:.25s ease;
  box-shadow:0 18px 46px rgba(15,26,42,.11);
}
.bw-fga-block::after{
  content:"";position:absolute;bottom:0;left:0;
  height:6px;width:140px;
  background:linear-gradient(to right,var(--bw-yellow) 0 60%,var(--bw-blue) 60% 100%);
  transform:translateX(-100%);transition:.4s ease;
}
.bw-fga-block:hover::after{transform:translateX(0);}
.bw-fga-block:hover{transform:translateY(-5px);box-shadow:0 26px 58px rgba(15,26,42,.16);}
.bw-fga-red{background:var(--bw-red);}
.bw-fga-red:hover{background:var(--bw-red-dark);}
.bw-fga-dark{background:var(--bw-dark);}
.bw-fga-dark:hover{background:#09111A;}
.bw-fga-step{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin-bottom:24px;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.bw-fga-title{
  display:block;
  line-height:1.25;letter-spacing:.04em;color:#fff;
  min-width:0;max-width:100%;
  word-wrap:break-word;overflow-wrap:break-word;
  text-transform:uppercase;
}
.bw-fga-sub{
  display:block;
  max-width:100%;
  margin-top:14px;
  color:rgba(255,255,255,.92) !important;
  font-weight:600;font-size:14.5px;line-height:1.55;opacity:1;
}
/* Oudere templates die een icoon meegeven */
.bw-fga-block .bw-fga-icon{
  display:inline-block;
  font-size:24px;line-height:1;margin-right:12px;vertical-align:middle;
}
/* Alleen titel+subtitel, geen emoji — volledig horizontaal gecentreerd */
.bw-fga-grid--text-only .bw-fga-block{
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  text-align:left;
}
.bw-fga-grid--text-only .bw-fga-title{
  text-align:left;
  width:100%;
}
@media(max-width:900px){
  .bw-fga-grid{grid-template-columns:1fr;gap:16px;}
  .bw-fga-block{min-height:auto;padding:24px 22px;}
  .bw-fga-routes{padding-top:44px;}
}

/* ── DE PROEVEN – PAGE STYLES ───────────────────────────── */
.bw-dp-kicker{
  font-size:12px;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;color:var(--bw-red);margin:0 0 12px;
}
.bw-dp-title{
  font-size:clamp(36px,5vw,56px);font-weight:800;
  color:var(--bw-dark);margin:0 0 20px;letter-spacing:-.03em;line-height:1.05;
}
.bw-dp-subtitle{
  font-size:17px;line-height:1.7;color:var(--bw-muted);
  max-width:620px;margin:0 auto 28px;
}
/* Onderstreepte links in inleidende alinea’s (o.a. Werkenvoor.be) — nooit browser-blauw */
.bw-dp-subtitle a,
.bw-dp-subtitle a:visited{
  color:var(--bw-red) !important;
  text-decoration:underline;
  text-decoration-color:rgba(200,16,46,.4);
  text-underline-offset:2px;
  font-weight:700;
}
.bw-dp-subtitle a:hover,
.bw-dp-subtitle a:hover:visited{
  color:var(--bw-red-dark) !important;
  text-decoration-color:var(--bw-red-dark);
}
/* Meerdere alinea’s (wpautop) binnen ondertitel */
.bw-dp-subtitle p{
  margin:0 0 0.85em;
}
.bw-dp-subtitle p:last-child{
  margin-bottom:0;
}
.bw-grades-subtitle p{
  color:inherit;
  margin:0 0 0.75em;
}
.bw-grades-subtitle p:last-child{
  margin-bottom:0;
}
/* Grade-kaarten: naam + alinea(’s) uit editor zonder dubbele <p>-nest */
.bw-dp-test-grade{
  display:flex;
  flex-direction:column;
  gap:0.5em;
}
.bw-dp-test-grade p{
  margin:0;
}
.bw-dp-test-name{
  font-size:inherit;
  line-height:inherit;
  color:rgba(255,255,255,.9);
}
.bw-dp-modules-label{
  display:inline-flex;align-items:center;gap:8px;
  font-size:14px;font-weight:700;color:var(--bw-muted);
  text-transform:uppercase;letter-spacing:.1em;
}
.bw-dp-modules-label span{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;
  background:var(--bw-red);color:#fff;
  font-size:18px;font-weight:800;letter-spacing:0;
}

/* ── MODULE BLOCKS ──────────────────────────────────────── */
.bw-dp-block{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  align-items:stretch;
  background:#fff;border-radius:20px;overflow:hidden;
  box-shadow:0 20px 60px rgba(15,26,42,.10);
}
.bw-dp-block--reverse{direction:rtl;}
.bw-dp-block--reverse > *{direction:ltr;}
.bw-dp-block-img{
  position:relative;overflow:hidden;
}
.bw-dp-block-img img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;object-position:center 25%;
  display:block;
}
.bw-dp-block-num{
  display:none;
}
.bw-dp-block-body{
  padding:44px 40px;
  border-left:5px solid var(--bw-red);
}
.bw-dp-block--reverse .bw-dp-block-body{
  border-left:none;border-right:5px solid var(--bw-red);
}
.bw-dp-block-body h2{
  font-size:clamp(20px,2.4vw,26px);font-weight:800;
  color:var(--bw-dark);margin:0 0 18px;line-height:1.2;
  text-transform:uppercase;letter-spacing:.03em;
}
.bw-dp-block-body p{
  font-size:15px;line-height:1.75;color:var(--bw-muted);margin:0 0 12px;
}
.bw-dp-block-body strong{color:var(--bw-dark);}
.bw-dp-block-body a:not(.bw-btn),
.bw-contact-form a{
  color:var(--bw-red);
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:rgba(200,16,46,.45);
  text-decoration-thickness:1.5px;
  text-underline-offset:3px;
  transition:color .2s ease,text-decoration-color .2s ease;
}
.bw-dp-block-body a:not(.bw-btn):hover,
.bw-contact-form a:hover{
  color:var(--bw-red-dark);
  text-decoration-color:var(--bw-red-dark);
}
.bw-dp-block-body ul{
  list-style:none;padding:0;margin:0 0 14px;
}
.bw-dp-block-body.bw-dp-no-list-numbers ol{
  list-style:none;padding:0;margin:0 0 14px;
}
.bw-dp-block-body li{
  position:relative;padding-left:18px;
  font-size:15px;line-height:1.75;color:var(--bw-muted);
  margin-bottom:8px;
}
.bw-dp-block-body li::before{
  content:"";position:absolute;left:0;top:10px;
  width:8px;height:8px;border-radius:50%;
  background:var(--bw-red);
}
@media(max-width:900px){
  .bw-dp-block,.bw-dp-block--reverse{
    grid-template-columns:1fr;direction:ltr;
  }
  .bw-dp-block-img{position:relative;min-height:300px;}
  .bw-dp-block-img img{position:absolute;}
  .bw-dp-block-body{padding:30px 24px;border-left:5px solid var(--bw-red);border-right:none;}
}

/* ── FYSIEKE PROEVEN SECTIE ─────────────────────────────── */
.bw-dp-tests-section{
  background:var(--bw-dark);padding:80px 0;
}
.bw-dp-tests-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.bw-dp-test{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
  border-radius:14px;padding:24px 20px;
  transition:.3s ease;position:relative;overflow:hidden;
}
.bw-dp-test::after{
  content:"";position:absolute;bottom:0;left:0;
  height:4px;width:100px;
  background:linear-gradient(to right,var(--bw-yellow) 0 60%,var(--bw-blue) 60% 100%);
  transform:translateX(-100%);transition:.4s ease;
}
.bw-dp-test:hover::after{transform:translateX(0);}
.bw-dp-test:hover{
  background:rgba(255,255,255,.10);
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(0,0,0,.2);
}
.bw-dp-test h3{
  font-size:14px;font-weight:800;color:#fff;
  margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em;
  line-height:1.35;
}
.bw-dp-test p{
  font-size:13px;line-height:1.6;color:rgba(255,255,255,.55);margin:0;
}
.bw-dp-test p strong{color:rgba(255,255,255,.9);}
.bw-dp-test-emoji{
  display:block;font-size:28px;margin-bottom:14px;
}
.bw-dp-test-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:14px;
}
.bw-dp-test-head .bw-dp-test-emoji{margin-bottom:0;}
.bw-dp-test-badge{
  font-size:10px;font-weight:800;text-transform:uppercase;
  letter-spacing:.1em;padding:4px 10px;border-radius:20px;
  background:rgba(200,16,46,.25);color:var(--bw-red);
  border:1px solid rgba(200,16,46,.3);
}
.bw-dp-test--elim{
  background:rgba(200,16,46,.08);border-color:rgba(200,16,46,.15);
}
/* Proeven: afsluitkaart (geaccentueerd) */
.bw-dp-test--summary{
  background:rgba(255,210,0,.06);border-color:rgba(255,210,0,.12);
}
.bw-dp-test--summary h3{color:var(--bw-yellow);}
/* Basisopleiding: alle graden-kaarten zonder lift/hover (sectie-specifiek) */
.bw-dp-tests-section--no-test-hover .bw-dp-test,
.bw-dp-tests-section--no-test-hover .bw-dp-test:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.08);
  transform:none;
  box-shadow:none;
}
.bw-dp-tests-section--no-test-hover .bw-dp-test::after,
.bw-dp-tests-section--no-test-hover .bw-dp-test:hover::after{
  transform:translateX(-100%);
}
@media(max-width:1024px){.bw-dp-tests-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.bw-dp-tests-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:500px){.bw-dp-tests-grid{grid-template-columns:1fr;}}

/* ── DOWNLOAD CARD ──────────────────────────────────────── */
.bw-dp-download-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:28px 32px;
  background:#fff;
  border:1px solid #E1E5EA;
  border-left:6px solid var(--bw-red);
  box-shadow:0 16px 40px rgba(15,26,42,.08);
}
.bw-dp-download-card h2{
  margin:0 0 8px;
  color:var(--bw-dark);
  font-size:clamp(20px,2.2vw,28px);
  line-height:1.2;
}
.bw-dp-download-card p{
  margin:0;
  color:var(--bw-muted);
  font-size:15px;
  line-height:1.6;
}
.bw-dp-download-card .bw-btn{
  flex:0 0 auto;
}
@media(max-width:768px){
  .bw-dp-download-card{
    align-items:flex-start;
    flex-direction:column;
    padding:24px;
  }
}

/* ── CTA BLOCK ──────────────────────────────────────────── */
.bw-dp-cta{
  display:grid;grid-template-columns:.4fr .6fr;
  align-items:stretch;
  border-radius:24px;overflow:hidden;
  box-shadow:0 24px 60px rgba(15,26,42,.12);
  background:var(--bw-red);
}
.bw-dp-cta-img-wrap{
  position:relative;overflow:hidden;background:#1a1a1a;
}
.bw-dp-cta-img-wrap img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;display:block;
}
.bw-dp-cta-body{
  padding:50px 44px;color:#fff;
  display:flex;flex-direction:column;justify-content:center;
}
.bw-dp-cta-body h2{
  font-size:clamp(22px,2.8vw,32px);font-weight:800;
  margin:0 0 18px;color:#fff;line-height:1.2;
}
.bw-dp-cta-body p{
  font-size:16px;line-height:1.75;color:rgba(255,255,255,.88);
  margin:0 0 28px;
}
.bw-dp-cta-body .bw-btn-primary{
  background:#fff;color:var(--bw-dark);
  border-color:#fff;border-left-color:var(--bw-dark);
  align-self:flex-start;
}
.bw-dp-cta-body .bw-btn-primary:hover{
  background:var(--bw-dark);color:#fff;border-color:var(--bw-dark);
}
@media(max-width:768px){
  .bw-dp-cta{grid-template-columns:1fr;}
  .bw-dp-cta-img-wrap{min-height:280px;}
  .bw-dp-cta-body{padding:36px 24px;}
}

/* ── SPLIT CONTENT (text + image side by side) ─────────── */
.bw-split-content{
  display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;
  margin:32px 0;
}
.bw-split-content.reverse{direction:rtl;}
.bw-split-content.reverse > *{direction:ltr;}
.bw-split-content img{
  width:100%;border-radius:18px;box-shadow:var(--bw-shadow-soft);
}

/* ── FAQ DARK CARDS (Inschrijven) ───────────────────────── */
.bw-dp-faq-section{margin-bottom:50px;}
.bw-dp-faq-title{
  font-size:clamp(20px,2.4vw,26px);font-weight:800;
  color:var(--bw-dark);margin:0 0 24px;
  padding-bottom:14px;position:relative;
}
.bw-dp-faq-title::after{
  content:"";position:absolute;bottom:0;left:0;
  width:70px;height:4px;
  background:linear-gradient(to right,var(--bw-yellow) 0 60%,var(--bw-blue) 60% 100%);
}
.bw-dp-faq-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;
}
.bw-dp-faq-item{
  background:#072433;border-left:6px solid var(--bw-red);
  position:relative;transition:background .3s ease;
  cursor:pointer;border-radius:4px;overflow:hidden;
}
.bw-dp-faq-item:hover{background:#0c2f42;}
.bw-dp-faq-q{
  padding:24px 70px 24px 24px;
  color:#fff;font-weight:800;font-size:17px;line-height:1.5;
  position:relative;
  width:100%;text-align:left;background:transparent;border:0;
  font-family:inherit;cursor:pointer;
}
.bw-dp-faq-icon{
  position:absolute;top:20px;right:20px;
  width:34px;height:34px;background:#fff;color:#072433;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:700;
  transition:transform .3s ease;border-radius:2px;
}
.bw-dp-faq-item.active .bw-dp-faq-icon{transform:rotate(45deg);}
.bw-dp-faq-a{
  max-height:0;overflow:hidden;
  transition:max-height .4s ease,padding .3s ease;
  padding:0 24px;color:#edf4fb;font-size:16px;line-height:1.8;
}
.bw-dp-faq-item.active .bw-dp-faq-a{
  max-height:3000px;padding:0 24px 24px;
}
.bw-dp-faq-a p{margin:0 0 12px;}
.bw-dp-faq-a ul,.bw-dp-faq-a ol{padding-left:20px;margin:12px 0;}
.bw-dp-faq-a li{margin-bottom:10px;}
.bw-dp-faq-a strong{color:#fff;}
.bw-page .bw-dp-faq-item .bw-dp-faq-a a:not(.bw-btn){
  color:#fff !important;
  text-decoration:underline !important;
  text-decoration-color:rgba(255,255,255,.9) !important;
  text-decoration-thickness:2px !important;
  text-underline-offset:3px !important;
  font-weight:800 !important;
}
.bw-page .bw-dp-faq-item .bw-dp-faq-a a:not(.bw-btn):hover,
.bw-page .bw-dp-faq-item .bw-dp-faq-a a:not(.bw-btn):focus{
  color:#fff !important;
  text-decoration-color:#fff !important;
}
@media(max-width:768px){
  .bw-dp-faq-grid{grid-template-columns:1fr;}
}

/* ── STORY GRID (story + image) ────────────────────────── */
.bw-story-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;
  margin-bottom:24px;
}
.bw-story-grid .bw-story{margin-bottom:0;}
.bw-story-img{
  border-radius:22px;overflow:hidden;
  box-shadow:var(--bw-shadow-soft);
}
.bw-story-img img{
  width:100%;height:100%;object-fit:cover;display:block;
}

/* ── STORY CARDS ────────────────────────────────────────── */
.bw-story{
  background:#fff;border:1px solid #e7ebf0;border-radius:22px;
  padding:32px 28px;box-shadow:var(--bw-shadow-soft);margin-bottom:20px;
}
.bw-story h4{margin:0 0 6px;color:var(--bw-dark);font-size:20px;font-weight:800;}
.bw-story .bw-story-meta{margin:0 0 12px;color:var(--bw-red);font-size:14px;font-weight:600;font-style:italic;}
.bw-story blockquote{
  margin:0 0 16px;padding:16px 20px;border-left:4px solid var(--bw-red);
  background:var(--bw-light);border-radius:0 14px 14px 0;
  color:var(--bw-dark);font-size:16px;font-style:italic;line-height:1.6;
}

/* ── RESPONSIVE ─────────────────────────────────────────── */

/* Header responsive */
@media(max-width:1024px){
  .bw-site-nav{
    display:none;position:fixed;top:68px;left:0;right:0;bottom:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--bw-dark);
    padding:12px 0;overflow-y:auto;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .bw-site-nav.open{display:flex;}
  .bw-site-nav a{
    padding:14px 28px;font-size:15px;
    border-bottom:1px solid rgba(255,255,255,.05);
  }
  .bw-site-nav a::after{display:none;}
  .bw-site-nav-dropdown > a::before{display:none;}
  .bw-site-nav-sub{
    position:static;opacity:1;visibility:visible;
    transform:none;min-width:0;padding:0;
    background:transparent;border:none;border-radius:0;box-shadow:none;
  }
  .bw-site-nav-sub a{
    padding:12px 28px 12px 44px!important;font-size:14px!important;
    color:rgba(255,255,255,.55)!important;
  }
  .bw-site-burger{display:flex;}
  .bw-header-user{margin-left:auto;margin-right:4px;}
  .bw-header-account-btn span{display:none;}
  .bw-header-account-btn{padding:7px 10px;font-size:0;}
  .bw-header-account-btn svg{width:18px;height:18px;}
  .bw-role-toggle .bw-role-current{font-size:11px;}
  .bw-role-toggle{padding:5px 8px;font-size:11px;}
  .bw-header-search{margin-left:auto;margin-right:4px;}
  .bw-header-user + .bw-header-search{margin-left:4px;}
  .bw-header-search-panel{position:fixed;top:76px;left:12px;right:12px;width:auto;}
  .bw-lang-switcher{margin-left:0;margin-right:8px;}
}

@media(max-width:1100px){
  .bw-split{grid-template-columns:1fr;}
  .bw-content::after{display:none;}
  .bw-visual{min-height:500px;}
  .bw-intro-box{grid-template-columns:1fr;}
  .bw-pills{justify-content:flex-start;}
}
@media(max-width:900px){
  .bw-nav{
    display:none;position:absolute;top:62px;left:0;right:0;
    flex-direction:column;background:rgba(15,26,42,.98);
    padding:16px 20px;gap:4px;border-bottom:1px solid rgba(255,255,255,.1);
  }
  .bw-nav.open{display:flex;}
  .bw-nav a{padding:10px 14px;width:100%;}
  .bw-hamburger{display:flex;}
}
@media(max-width:900px){
  .bw-smoke-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .bw-container{width:min(var(--bw-container),calc(100% - 24px));}
  .bw-hero{min-height:420px;}
  .bw-hero-inner{width:min(940px,calc(100% - 24px));margin-bottom:22px;}
  .bw-hero-card{padding:24px 20px 22px;border-radius:20px;}
  .bw-hero-card p{font-size:16px;}
  .bw-intro{padding:20px 0 10px;}
  .bw-intro-box{padding:22px;border-radius:20px;}
  .bw-section{padding:24px 0 60px;}
  .bw-content{padding:34px 22px;}
  .bw-content h3{margin-bottom:18px;}
  .bw-actions{flex-direction:column;}
  .bw-btn{width:100%;}
  .bw-visual{min-height:360px;padding:18px;background-position:center top;}
  .bw-visual-card{max-width:100%;padding:18px;border-radius:18px;}
  .bw-info{padding-bottom:60px;}
  .bw-info-grid{grid-template-columns:1fr;}
  .bw-info-card{padding:22px 20px;}
  .bw-prose-inner{padding:30px 22px;}
  .bw-cta{padding:30px 22px;}
  .bw-split-content{grid-template-columns:1fr;}
  .bw-split-content.reverse{direction:ltr;}
  .bw-story-grid{grid-template-columns:1fr;}
  .bw-smoke-grid{grid-template-columns:1fr;}
  .bw-smoke-card{min-height:200px;}
  .bw-112-banner{flex-wrap:wrap;}
  .bw-sublogo-wrap{display:none;}
}
@media(max-width:480px){
  .bw-hero{min-height:360px;}
  .bw-hero-card .bw-kicker{font-size:11px;}
  .bw-hero-card h1{font-size:32px;}
  .bw-intro-text h2{font-size:26px;}
  .bw-content h3{font-size:30px;}
}

/* ── ACCOUNT / DASHBOARD ────────────────────────────────── */
.bw-acc-header{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;flex-wrap:wrap;
  padding-bottom:28px;border-bottom:2px solid var(--bw-border);
}
.bw-acc-email{
  font-size:16px;font-weight:600;color:var(--bw-muted);margin:0;
}

/* Tab bar */
.bw-acc-tabs{
  display:flex;gap:4px;flex-wrap:wrap;
  border-bottom:2px solid var(--bw-border);
  margin-bottom:0;
}
.bw-acc-tabs--sub{
  border-bottom-color:rgba(200,16,46,.15);
}
.bw-acc-tab{
  position:relative;
  padding:14px 22px;
  font-family:inherit;font-size:14px;font-weight:700;
  color:var(--bw-muted);background:none;border:none;
  cursor:pointer;transition:.2s;white-space:nowrap;
}
.bw-acc-tab::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;
  height:3px;background:var(--bw-red);
  transform:scaleX(0);transition:transform .25s;
}
.bw-acc-tab:hover{color:var(--bw-dark);}
.bw-acc-tab.active{color:var(--bw-dark);}
.bw-acc-tab.active::after{transform:scaleX(1);}

/* Panels */
.bw-acc-panel{display:none;padding-top:28px;}
.bw-acc-panel.active{display:block;}
.bw-acc-subpanel{display:none;}
.bw-acc-subpanel.active{display:block;padding-top:24px;}

/* List items */
.bw-acc-list{display:flex;flex-direction:column;gap:14px;}
.bw-acc-list-item{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;
  padding:22px 28px;
  background:#fff;border:1px solid var(--bw-border);
  border-left:5px solid var(--bw-red);
  border-radius:4px;
  box-shadow:0 4px 16px rgba(15,26,42,.05);
  transition:.2s;
}
.bw-acc-list-item:hover{
  box-shadow:0 8px 28px rgba(15,26,42,.10);
  transform:translateY(-2px);
}
.bw-acc-list-title{
  font-size:16px;font-weight:700;color:var(--bw-dark);
  display:block;
}
.bw-acc-list-meta{
  display:block;margin-top:4px;
  font-size:13px;color:var(--bw-muted);
}
.bw-acc-list-actions{
  display:flex;align-items:center;gap:12px;flex-shrink:0;
}
.bw-acc-delete{
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:400;color:var(--bw-muted);
  background:none;border:1px solid var(--bw-border);border-radius:4px;
  cursor:pointer;transition:.2s;
}
.bw-acc-delete:hover{
  color:#fff;background:var(--bw-red);border-color:var(--bw-red);
}

/* Empty state */
.bw-acc-empty{
  padding:40px 28px;
  text-align:center;
  color:var(--bw-muted);font-size:15px;font-weight:600;
  background:var(--bw-light);border-radius:8px;
  border:1px dashed var(--bw-border);
}

/* Form */
.bw-acc-form{
  max-width:780px;
}
.bw-acc-field{margin-bottom:26px;}
.bw-acc-label{
  display:block;margin-bottom:8px;
  font-size:14px;font-weight:700;color:var(--bw-dark);
}
.bw-acc-input,
.bw-acc-textarea{
  width:100%;padding:12px 16px;
  font-family:inherit;font-size:14px;color:var(--bw-dark);
  background:#fff;border:1px solid var(--bw-border);
  border-radius:4px;transition:border-color .2s;
}
.bw-acc-input:focus,
.bw-acc-textarea:focus{
  outline:none;border-color:var(--bw-red);
  box-shadow:0 0 0 3px rgba(200,16,46,.08);
}
select.bw-acc-input{
  appearance:auto;cursor:pointer;
}
.bw-acc-textarea{resize:vertical;}

/* Checkbox grid */
.bw-acc-checkgrid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px 20px;
}
.bw-acc-checkgrid label{
  display:flex;align-items:center;gap:8px;
  font-size:14px;color:var(--bw-text);cursor:pointer;
  padding:6px 0;
}
.bw-acc-checkgrid input[type="checkbox"]{
  accent-color:var(--bw-red);width:16px;height:16px;
  flex-shrink:0;cursor:pointer;
}
.bw-acc-checkgrid--scroll{
  max-height:260px;overflow-y:auto;
  padding:14px;background:var(--bw-light);border:1px solid var(--bw-border);
  border-radius:4px;
}

/* Two-column row */
.bw-acc-row{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;
}
@media(max-width:600px){
  .bw-acc-row{grid-template-columns:1fr;}
  .bw-acc-checkgrid{grid-template-columns:1fr;}
}

/* ═══════════════════════════════════════════
   JetFormBuilder — complete styling
   ═══════════════════════════════════════════ */

/* Form wrapper */
.jet-form-builder{
  font-family:'Inter Tight','Inter',-apple-system,sans-serif;
}

/* Labels */
.jet-form-builder .jet-form-builder__label,
.jet-form-builder .jet-form-builder-row .jet-form-builder__label{
  font-size:13px !important;
  font-weight:600 !important;
  color:#1a1a1a !important;
  margin-bottom:6px !important;
  font-family:'Inter Tight','Inter',-apple-system,sans-serif !important;
}

.jet-form-builder .jet-form-builder__required{
  color:var(--bw-red,#C8102E) !important;
}

/* All inputs, textareas, selects */
.jet-form-builder input[type="text"],
.jet-form-builder input[type="email"],
.jet-form-builder input[type="url"],
.jet-form-builder input[type="tel"],
.jet-form-builder input[type="number"],
.jet-form-builder input[type="password"],
.jet-form-builder input[type="date"],
.jet-form-builder input[type="time"],
.jet-form-builder input[type="search"],
.jet-form-builder textarea,
.jet-form-builder select,
.jet-form-builder .jet-form-builder__field{
  font-family:'Inter Tight','Inter',-apple-system,sans-serif !important;
  font-size:14px !important;
  color:#1a1a1a !important;
  background:#fff !important;
  border:1px solid #d0d5dd !important;
  border-radius:10px !important;
  padding:10px 14px !important;
  width:100% !important;
  transition:border-color .15s, box-shadow .15s !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}

.jet-form-builder select{
  background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  padding-right:36px !important;
}

.jet-form-builder input:focus,
.jet-form-builder textarea:focus,
.jet-form-builder select:focus,
.jet-form-builder .jet-form-builder__field:focus{
  outline:none !important;
  border-color:var(--bw-red,#C8102E) !important;
  box-shadow:0 0 0 3px rgba(200,16,46,.08) !important;
}

.jet-form-builder textarea{
  min-height:100px !important;
  resize:vertical !important;
}

/* Date inputs */
.jet-form-builder input[type="date"],
.jet-form-builder input[type="time"]{
  min-height:44px !important;
}

/* Rows spacing */
.jet-form-builder-row,
.jet-form-builder .jet-form-builder-row{
  margin-bottom:18px !important;
}

/* Checkboxes & radios */
.jet-form-builder .jet-form-builder__field-wrap.checkboxes-wrap,
.jet-form-builder .jet-form-builder__field-wrap.radio-wrap{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  margin-top:4px !important;
}

.jet-form-builder .jet-form-builder__field-wrap.checkboxes-wrap label,
.jet-form-builder .jet-form-builder__field-wrap.radio-wrap label{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  font-size:14px !important;
  font-weight:500 !important;
  color:#333 !important;
  cursor:pointer !important;
  padding:8px 12px !important;
  border:1px solid #e5e5e5 !important;
  border-radius:8px !important;
  background:#fafafa !important;
  transition:all .15s !important;
  font-family:'Inter Tight','Inter',-apple-system,sans-serif !important;
}

.jet-form-builder .jet-form-builder__field-wrap.checkboxes-wrap label:hover,
.jet-form-builder .jet-form-builder__field-wrap.radio-wrap label:hover{
  border-color:#ccc !important;
  background:#f5f5f5 !important;
}

.jet-form-builder .jet-form-builder__field-wrap.checkboxes-wrap label:has(input:checked),
.jet-form-builder .jet-form-builder__field-wrap.radio-wrap label:has(input:checked){
  border-color:var(--bw-red,#C8102E) !important;
  background:rgba(200,16,46,.03) !important;
  color:#1a1a1a !important;
}

.jet-form-builder input[type="checkbox"],
.jet-form-builder input[type="radio"]{
  width:18px !important;
  height:18px !important;
  border:2px solid #ccc !important;
  border-radius:4px !important;
  accent-color:var(--bw-red,#C8102E) !important;
  cursor:pointer !important;
  flex-shrink:0 !important;
}

.jet-form-builder input[type="radio"]{
  border-radius:50% !important;
}

.jet-form-builder input[type="checkbox"]:checked,
.jet-form-builder input[type="radio"]:checked{
  border-color:var(--bw-red,#C8102E) !important;
}

/* WYSIWYG editor inside form */
.jet-form-builder .wp-editor-wrap{
  border:1px solid #d0d5dd !important;
  border-radius:10px !important;
  overflow:hidden !important;
}

.jet-form-builder .wp-editor-wrap .mce-toolbar-grp{
  background:#f8f8f8 !important;
  border-bottom:1px solid #e5e5e5 !important;
  padding:4px !important;
}

.jet-form-builder .wp-editor-wrap .mce-btn{
  border-radius:4px !important;
}

.jet-form-builder .wp-editor-wrap .mce-edit-area iframe{
  min-height:120px !important;
}

.jet-form-builder .wp-editor-wrap .wp-editor-container{
  border:none !important;
}

/* Submit button */
.jet-form-builder__submit,
.bw-page .jet-form-builder__submit,
button.jet-form-builder__submit{
  font-family:'Inter Tight','Inter',-apple-system,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  padding:12px 32px !important;
  border-radius:10px !important;
  background:var(--bw-red,#C8102E) !important;
  border:none !important;
  color:#fff !important;
  cursor:pointer !important;
  transition:all .2s !important;
  letter-spacing:-.2px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}

.jet-form-builder__submit:hover,
.bw-page .jet-form-builder__submit:hover,
button.jet-form-builder__submit:hover{
  background:var(--bw-red-dark,#a50f26) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 4px 16px rgba(200,16,46,.2) !important;
}

.jet-form-builder__submit:active{
  transform:translateY(0) !important;
}

/* Messages */
.jet-form-builder-message--success{
  background:#e8f5e9 !important;
  border:1px solid #c8e6c9 !important;
  border-radius:10px !important;
  color:#2e7d32 !important;
  padding:14px 18px !important;
  font-size:14px !important;
  font-weight:600 !important;
}

.jet-form-builder-message--error{
  background:#ffebee !important;
  border:1px solid #ffcdd2 !important;
  border-radius:10px !important;
  color:#c62828 !important;
  padding:14px 18px !important;
  font-size:14px !important;
  font-weight:600 !important;
}

/* Popup form override */
.jet-popup .jet-form-builder__submit{
  background:var(--bw-red,#C8102E) !important;
  border-color:var(--bw-red,#C8102E) !important;
  color:#fff !important;
}
.jet-popup .bw-acc-form .bw-acc-input:focus,
.jet-popup .bw-acc-form .bw-acc-textarea:focus{
  border-color:var(--bw-red) !important;
  box-shadow:0 0 0 3px rgba(200,16,46,.08) !important;
}

/* Progress bar */
.jet-form-builder__progress-pages{
  display:flex !important;
  gap:4px !important;
  margin-bottom:24px !important;
}

.jet-form-builder__progress-pages__item{
  flex:1 !important;
  height:4px !important;
  border-radius:2px !important;
  background:#e5e5e5 !important;
}

.jet-form-builder__progress-pages__item--active,
.jet-form-builder__progress-pages__item--passed{
  background:var(--bw-red,#C8102E) !important;
}

/* Responsive */
@media(max-width:600px){
  .jet-form-builder input[type="text"],
  .jet-form-builder input[type="email"],
  .jet-form-builder textarea,
  .jet-form-builder select{
    font-size:16px !important;
  }
}

/* ── HULPVERLENINGSZONES PAGE ───────────────────────────── */

/* Hero */
.bw-zones-hero{
  position:relative;overflow:hidden;
  padding:100px 0 100px;
  background:var(--bw-dark);
}
.bw-zones-hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(200,16,46,.15), transparent 50%),
    radial-gradient(ellipse at 80% 30%, rgba(0,51,153,.12), transparent 45%),
    radial-gradient(ellipse at 50% 90%, rgba(255,210,0,.06), transparent 40%);
  animation:heroShift 12s ease-in-out infinite alternate;
}
@keyframes heroShift{
  0%{transform:scale(1) translate(0,0);}
  100%{transform:scale(1.08) translate(-1%,2%);}
}
.bw-zones-hero-title{
  font-size:clamp(36px,5.5vw,62px);font-weight:900;
  color:#fff;margin:0 0 20px;line-height:1.05;
  letter-spacing:-.03em;
}
.bw-zones-hero-sub{
  font-size:17px;line-height:1.7;color:rgba(255,255,255,.65);
  max-width:540px;margin:0 0 48px;
}
.bw-zones-hero-sub strong{color:#fff;}

/* Animated stat counters */
.bw-zones-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
}
.bw-zones-stat{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:28px 20px;
  text-align:center;
  transition:.3s ease;
}
.bw-zones-stat:hover{
  background:rgba(255,255,255,.10);
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(0,0,0,.2);
}
.bw-zones-stat-num{
  display:block;
  font-size:clamp(32px,4vw,48px);font-weight:900;
  color:#fff;letter-spacing:-.02em;line-height:1.1;
  margin-bottom:6px;
}
.bw-zones-stat-label{
  font-size:13px;font-weight:600;
  color:rgba(255,255,255,.45);text-transform:uppercase;
  letter-spacing:.1em;
}
@media(max-width:768px){
  .bw-zones-stats{grid-template-columns:repeat(2,1fr);}
  .bw-zones-hero{padding:70px 0 80px;}
}
@media(max-width:480px){
  .bw-zones-stats{grid-template-columns:1fr 1fr;}
  .bw-zones-stat{padding:20px 14px;}
}

/* Download cards */
.bw-zones-downloads{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.bw-zones-dl-card{
  display:flex;align-items:center;gap:18px;
  padding:24px 26px;
  background:#fff;border:1px solid var(--bw-border);
  border-radius:16px;
  box-shadow:0 8px 30px rgba(15,26,42,.08);
  transition:.3s ease;text-decoration:none;color:var(--bw-dark);
}
.bw-zones-dl-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 44px rgba(15,26,42,.14);
  border-color:var(--bw-red);
}
.bw-zones-dl-icon{
  width:56px;height:56px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg,var(--bw-red),var(--bw-red-dark));
  color:#fff;
}
.bw-zones-dl-card strong{
  display:block;font-size:15px;font-weight:800;
  color:var(--bw-dark);margin-bottom:3px;
}
.bw-zones-dl-card span{
  font-size:13px;color:var(--bw-muted);line-height:1.4;
}
@media(max-width:768px){
  .bw-zones-downloads{grid-template-columns:1fr;}
}

/* Ankers provincie-blokken: ruimte onder sticky header */
#zonesGrid .bw-prov-group{
  scroll-margin-top:calc(72px + env(safe-area-inset-top, 0px));
}

/* Search */
.bw-zones-search-wrap{
  max-width:520px;margin:0 auto 28px;
}
.bw-zones-search{
  display:block;width:100%;
  padding:16px 20px 16px 54px;
  font-family:inherit;font-size:15px;font-weight:600;
  color:var(--bw-dark);
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") no-repeat 22px center;
  border:2px solid var(--bw-border);
  border-radius:60px;transition:.25s;
  box-shadow:0 6px 24px rgba(15,26,42,.06);
  -webkit-appearance:none;appearance:none;
  box-sizing:border-box;
}
.bw-zones-search:focus{
  outline:none;border-color:var(--bw-red);
  box-shadow:0 6px 24px rgba(200,16,46,.10);
}
.bw-zones-search::placeholder{color:var(--bw-muted);font-weight:500;}
.bw-zones-search-icon{display:none;}

/* Region tabs */
.bw-zones-tabs{
  display:flex;gap:8px;justify-content:center;
  flex-wrap:wrap;margin-bottom:32px;
}
.bw-zones-tab{
  padding:10px 22px;border-radius:50px;
  font-family:inherit;font-size:14px;font-weight:700;
  color:var(--bw-muted);background:var(--bw-light);
  border:2px solid transparent;cursor:pointer;
  transition:.25s;white-space:nowrap;
}
.bw-zones-tab:hover{color:var(--bw-dark);background:#fff;border-color:var(--bw-border);}
.bw-zones-tab.active{
  color:#fff;background:var(--bw-red);border-color:var(--bw-red);
}
.bw-zones-tab-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:24px;height:24px;padding:0 7px;
  border-radius:12px;margin-left:6px;
  font-size:11px;font-weight:800;
  background:rgba(0,0,0,.1);color:inherit;
}
.bw-zones-tab.active .bw-zones-tab-count{
  background:rgba(255,255,255,.25);
}

/* Empty state */
.bw-zones-empty{
  text-align:center;padding:60px 20px;
  color:var(--bw-muted);font-size:16px;font-weight:600;
  background:var(--bw-light);border-radius:16px;
  border:2px dashed var(--bw-border);
}

/* Zone cards grid */
.bw-zones-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.bw-zone-card{
  position:relative;display:flex;flex-direction:column;
  padding:24px 26px 22px;
  background:#fff;border:1px solid var(--bw-border);
  border-left:5px solid var(--bw-dark);
  border-radius:6px;
  color:var(--bw-dark);
  transition:.3s ease;
  opacity:0;transform:translateY(12px);
}
.bw-zone-card-main{
  display:block;text-decoration:none;color:inherit;
  margin:0 0 8px;
}
.bw-zone-card-main:hover .bw-zone-card-name{color:var(--bw-red);}
.bw-zone-card-contact{
  font-size:13px;font-weight:600;
  display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;
  line-height:1.45;
}
.bw-zone-card-contact a{color:var(--bw-red);text-decoration:none;}
.bw-zone-card-contact a:hover{text-decoration:underline;}
.bw-zone-card-zetel{
  font-size:12px;color:var(--bw-muted);font-weight:600;
  margin:12px 0 0;line-height:1.45;
}
.bw-zone-card-tel--muted{font-size:12px;color:var(--bw-muted);}
.bw-zone-card--visible{
  opacity:1;transform:translateY(0);
}
.bw-zone-card::after{
  content:"";position:absolute;bottom:0;left:0;
  height:3px;width:0;
  background:linear-gradient(to right,var(--bw-yellow) 0 60%,var(--bw-blue) 60% 100%);
  transition:width .35s ease;
}
.bw-zone-card:hover::after{width:100px;}
.bw-zone-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 36px rgba(15,26,42,.10);
  border-left-color:var(--bw-red);
}
.bw-zone-card[data-region="vlaanderen"]{border-left-color:#FFD200;}
.bw-zone-card[data-region="wallonie"]{border-left-color:#C8102E;}
.bw-zone-card[data-region="brussel"]{border-left-color:#003399;}
.bw-zone-card:hover[data-region="vlaanderen"]{border-left-color:#e5bc00;}
.bw-zone-card:hover[data-region="wallonie"]{border-left-color:#a50f26;}
.bw-zone-card:hover[data-region="brussel"]{border-left-color:#002277;}

.bw-zone-card-name{
  font-size:15px;font-weight:700;color:var(--bw-dark);
  line-height:1.35;flex:1;
}

/* Province groups */
.bw-prov-group{margin-bottom:36px;}
.bw-prov-heading{
  font-size:18px;font-weight:800;color:var(--bw-dark);
  margin:0 0 14px;padding-bottom:10px;
  border-bottom:2px solid var(--bw-border);
  display:flex;align-items:center;gap:12px;
}
.bw-prov-badge{
  font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;
  padding:3px 10px;border-radius:20px;
  background:#FFD200;color:var(--bw-dark);
}
.bw-prov-badge--wal{background:#C8102E;color:#fff;}
.bw-prov-badge--bru{background:#003399;color:#fff;}

@keyframes zoneCardIn{
  from{opacity:0;transform:translateY(16px);}
  to{opacity:1;transform:translateY(0);}
}

@media(max-width:1024px){.bw-zones-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.bw-zones-grid{grid-template-columns:1fr;}}

/* ============================================================
   HOMEPAGE SECTIONS
   ============================================================ */

/* ── Hero kicker ───────────────────────────────────────── */
.bw-hero-kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;font-weight:800;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(255,255,255,.65);
  margin-bottom:16px;
}
.bw-hero-kicker::before{
  content:"";width:28px;height:3px;
  background:var(--bw-red);border-radius:2px;
}

/* Hero dark-fade variant (fades into dark stats section) */
.bw-hero--dark-fade::after{
  background:linear-gradient(to top,var(--bw-dark) 0%,rgba(15,26,42,0) 100%);
}
@media(max-width:768px){
  /* Minder lege ruimte tussen CTA en statistieken; inhoud onderaan de hero */
  .bw-hero--dark-fade{
    min-height:0;
    align-items:flex-end;
  }
  .bw-hero--dark-fade .bw-hero-inner{
    padding-top:40px;
    padding-bottom:20px;
    margin-bottom:0;
  }
}
@media(max-width:480px){
  .bw-hero--dark-fade .bw-hero-inner{
    padding-top:28px;
    padding-bottom:16px;
  }
}

/* ── Stats bar ─────────────────────────────────────────── */
.bw-home-stats{
  background:var(--bw-dark);padding:56px 0;
  position:relative;overflow-x:clip;
  box-sizing:border-box;
}
.bw-home-stats .bw-container{
  box-sizing:border-box;
}
.bw-home-stats::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 20% 50%,rgba(200,16,46,.12),transparent 50%),
    radial-gradient(ellipse at 80% 50%,rgba(0,51,153,.08),transparent 50%);
  pointer-events:none;
}
.bw-home-stats-grid{
  position:relative;
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  min-width:0;align-items:stretch;
}
.bw-home-stat{
  text-align:center;padding:28px 16px;min-width:0;min-height:140px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;transition:.3s ease;
  box-sizing:border-box;overflow-wrap:anywhere;word-wrap:break-word;
}
.bw-home-stat:hover{
  background:rgba(255,255,255,.09);
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(0,0,0,.2);
}
.bw-home-stat-num{
  display:block;
  font-size:clamp(28px,3.6vw,48px);font-weight:900;
  color:#fff;letter-spacing:-.02em;line-height:1.1;
  margin-bottom:8px;
  font-family:'Inter Tight','Inter',sans-serif;
  white-space:nowrap;
  max-width:100%;
  overflow:hidden;
  text-overflow:clip;
}
.bw-home-stat-label{
  font-size:12px;font-weight:600;
  color:rgba(255,255,255,.45);
  text-transform:uppercase;letter-spacing:.08em;
  line-height:1.4;margin:0 auto;padding:0 2px;max-width:100%;
  hyphens:auto;
}

/* ── Section header ────────────────────────────────────── */
.bw-section-header{text-align:center;margin-bottom:40px;}
.bw-section-kicker{
  display:inline-flex;align-items:center;gap:12px;
  font-size:12px;font-weight:800;letter-spacing:.15em;
  text-transform:uppercase;color:var(--bw-red);margin:0 0 12px;
}
.bw-section-kicker::before,
.bw-section-kicker::after{
  content:"";width:24px;height:2px;
  background:var(--bw-red);border-radius:2px;
}
.bw-section-title{
  font-size:clamp(28px,3.5vw,42px);font-weight:800;
  color:var(--bw-dark);margin:0 0 16px;
  line-height:1.15;letter-spacing:-.02em;
}
.bw-section-subtitle{
  font-size:17px;color:var(--bw-muted);
  max-width:600px;margin:0 auto;line-height:1.6;
}
.bw-section-subtitle p{margin:0 0 .8em;}
.bw-section-subtitle p:last-child{margin-bottom:0;}

/* ── Info section homepage variant ─────────────────────── */
.bw-info--home{padding-top:48px;overflow-x:clip;}
.bw-info--home .bw-container{max-width:100%;box-sizing:border-box;}

/* ── 112 banner (uses existing h3 styles from base) ───── */

/* ── Testimonial ───────────────────────────────────────── */
.bw-home-quote{
  padding:100px 0;
}
.bw-home-quote-inner{
  display:flex;align-items:center;gap:40px;
  max-width:860px;margin:0 auto;
}
.bw-home-quote-portrait{flex-shrink:0;}
.bw-home-quote-portrait img{
  width:220px;height:220px;
  border-radius:50%;object-fit:cover;
  object-position:30% center;
  border:4px solid #fff;
  box-shadow:0 12px 40px rgba(15,26,42,.12);
}
.bw-home-quote figure{margin:0;}
.bw-home-quote blockquote{
  margin:0 0 20px;
  font-size:clamp(17px,2vw,22px);font-weight:600;
  line-height:1.6;color:var(--bw-dark);font-style:italic;
}
.bw-home-quote cite{
  display:block;font-size:16px;font-weight:800;
  color:var(--bw-dark);font-style:normal;margin-bottom:4px;
}
.bw-home-quote figcaption span{
  display:block;font-size:14px;
  color:var(--bw-red);font-weight:600;
}

/* ── CTA section spacing ──────────────────────────────── */
.bw-home-cta-section{padding:20px 0;}
/* Homepage: hele witte content als één blok centreren (geen meerdere flex-kinderen + margin-asymmetrie) */
.bw-home-cta-section .bw-cta{
  margin-bottom:0;
  min-height:min(360px,50vh);
  display:grid;
  place-content:center;
  padding:48px 40px;
  box-sizing:border-box;
}
.bw-home-cta-section .bw-cta-inner{
  width:100%;
  max-width:640px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.bw-home-cta-section .bw-cta-inner h2,
.bw-home-cta-section .bw-cta-inner h3{
  margin:0 0 12px;
}
.bw-home-cta-section .bw-cta-inner p{
  margin:0 0 24px;
  width:100%;
}
.bw-home-cta-section .bw-cta-inner .bw-btn{
  margin:0;
}
.bw-cta .bw-btn-primary{
  background:#fff;color:var(--bw-dark);
  border:2px solid #fff;border-left:4px solid var(--bw-dark);
}
.bw-cta .bw-btn-primary:hover{
  background:var(--bw-dark);color:#fff;
  border-color:var(--bw-dark);
}
@media(max-width:768px){
  .bw-home-cta-section .bw-cta{min-height:min(300px,48vh);padding:40px 22px;}
}

/* ── Quote section button ─────────────────────────────── */
.bw-home-quote .bw-btn-outline{
  border-color:var(--bw-dark);color:var(--bw-dark);
}

/* ── Homepage responsive (stats: 2×2; compact op smal zodat niets horizontaal uitloopt) ─ */
@media(max-width:900px){
  .bw-home-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;align-items:stretch;}
  .bw-home-stat:hover{transform:none;box-shadow:none;}
}
@media(max-width:768px){
  /* Sectie zelf horizontaal inzetten: voorkomt afsnijden door .bw-page overflow (container-breedte) */
  .bw-home-stats{
    padding:28px 16px 40px;
  }
  .bw-home-stats .bw-container{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }
  .bw-home-quote{padding:60px 0;}
  .bw-home-quote-inner{flex-direction:column;text-align:center;}
  .bw-home-stat-num{font-size:clamp(24px,3.2vw,38px);}
  .bw-home-stat-label{font-size:11px;letter-spacing:.08em;}
}
@media(max-width:480px){
  .bw-home-stats{
    padding:24px 12px 36px;
  }
  .bw-home-stats-grid{
    gap:8px;
    width:100%;
    max-width:100%;
  }
  .bw-home-stat{
    padding:14px 6px 16px;
    border-radius:12px;
  }
  .bw-home-stat-num{
    font-size:clamp(18px,4.8vw,30px);
    line-height:1.08;
    margin-bottom:4px;
    max-width:100%;
  }
  .bw-home-stat-label{
    display:block;
    max-width:100%;
    font-size:9px;
    font-weight:700;
    letter-spacing:.06em;
    line-height:1.35;
  }
}

/* ═══════════════════════════════════════
   Mijn Account
   ═══════════════════════════════════════ */
.bw-account{padding:48px 0 80px;}
.bw-account-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:32px;}
.bw-account-header h1{font-family:'Inter Tight',sans-serif;font-size:32px;font-weight:800;margin:0 0 4px;color:#1a1a1a;}
.bw-account-user{font-size:14px;color:#555;margin:0;}
.bw-account-role{display:inline-block;background:var(--bw-red,#C8102E);color:#fff;font-size:11px;font-weight:700;padding:2px 10px;border-radius:20px;margin-left:6px;vertical-align:middle;text-transform:uppercase;letter-spacing:.03em;}

/* Tabs */
.bw-account-tabs{display:flex;gap:0;border-bottom:2px solid #e5e5e5;margin-bottom:0;}
.bw-account-tab{display:inline-flex;align-items:center;gap:6px;padding:14px 24px;font-size:14px;font-weight:600;color:#666;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;}
.bw-account-tab:hover{color:#1a1a1a;}
.bw-account-tab.is-active{color:var(--bw-red,#C8102E);border-bottom-color:var(--bw-red,#C8102E);}

/* Panel */
.bw-account-panel{background:#fff;border:1px solid #e5e5e5;border-top:none;border-radius:0 0 12px 12px;padding:32px;}

/* Notices */
.bw-account-notice{padding:12px 20px;border-radius:8px;font-size:14px;margin-bottom:20px;}
.bw-account-notice--success{background:#eaf7ee;color:#1a7a3a;border:1px solid #b8e6c8;}
.bw-account-notice--error{background:#fdecea;color:#9a2020;border:1px solid #f5c6c6;}

/* Toast notification */
.bw-toast{
  position:fixed;bottom:28px;left:50%;
  transform:translateX(-50%) translateY(20px);
  z-index:99999;
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 24px;
  background:#1a1a1a;color:#fff;
  font-family:inherit;font-size:14px;font-weight:600;
  border-radius:12px;
  box-shadow:0 12px 40px rgba(0,0,0,.25);
  opacity:0;
  transition:opacity .25s ease, transform .25s ease;
  pointer-events:none;
}
.bw-toast svg{flex-shrink:0;color:#4ade80;}
.bw-toast--visible{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

/* List header */
.bw-account-list-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;}
.bw-account-list-header h2{font-family:'Inter Tight',sans-serif;font-size:22px;font-weight:700;margin:0;color:#1a1a1a;}

/* Status groups */
.bw-account-group-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#444;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.04em;}
.bw-account-group-title:first-of-type{margin-top:0;}
.bw-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0;}
.bw-account-group-count{font-size:12px;font-weight:600;color:#888;background:#f0f0f0;padding:1px 8px;border-radius:10px;}

/* List items */
.bw-account-list{display:flex;flex-direction:column;gap:0;margin-bottom:8px;}
.bw-account-list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #eee;border-bottom:none;background:#fafafa;transition:background .1s;}
.bw-account-list-item:first-child{border-radius:8px 8px 0 0;}
.bw-account-list-item:last-child{border-bottom:1px solid #eee;border-radius:0 0 8px 8px;}
.bw-account-list-item:only-child{border-radius:8px;border-bottom:1px solid #eee;}
.bw-account-list-item:hover{background:#f5f5f5;}
.bw-account-list-info{min-width:0;}
.bw-account-list-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.bw-account-list-info strong{font-size:14px;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bw-account-list-meta{font-size:12px;color:#888;margin-top:2px;display:block;}
.bw-account-list-actions{display:flex;gap:6px;flex-shrink:0;}

.bw-badge{display:inline-flex;align-items:center;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:20px;letter-spacing:.1px;white-space:nowrap;}
.bw-badge--pending{background:#fff3e0;color:#c47800;border:1px solid #ffe0b2;}
.bw-badge--rejected{background:#ffebee;color:#c62828;border:1px solid #ef9a9a;}
.bw-rejection-reason{font-size:11.5px;color:#c62828;background:#fff5f5;border-left:3px solid #ef9a9a;padding:4px 10px;margin-top:4px;border-radius:0 4px 4px 0;}

/* Form views */
.bw-account-form-header{margin-bottom:24px;}
.bw-account-form-header h2{font-family:'Inter Tight',sans-serif;font-size:22px;font-weight:700;margin:8px 0 0;color:#1a1a1a;}
.bw-account-back{font-size:13px;color:#666;text-decoration:none;}
.bw-account-back:hover{color:var(--bw-red,#C8102E);}
.bw-account-form-wrap{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:28px;}

/* Empty state */
.bw-account-empty{text-align:center;padding:48px 20px;color:#888;}
.bw-account-empty p{margin:0 0 16px;font-size:15px;}

/* Read-only preview (directie) */
.bw-account-preview{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:28px 28px 24px;box-shadow:0 1px 2px rgba(15,26,42,.04);}
.bw-account-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #eef0f2;}
.bw-account-preview-title{font-family:'Inter Tight',sans-serif;font-size:22px;font-weight:800;color:#0F1A2A;line-height:1.25;}
.bw-account-preview-meta{font-size:13px;color:#6b7280;margin-top:6px;}
.bw-account-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;margin:0 0 22px;}
.bw-account-preview-row dt{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;margin:0 0 4px;}
.bw-account-preview-row dd{margin:0;font-size:15px;color:#0F1A2A;font-weight:600;}
.bw-account-preview-section{margin-top:22px;padding-top:18px;border-top:1px solid #eef0f2;}
.bw-account-preview-section h3{font-family:'Inter Tight',sans-serif;font-size:15px;font-weight:700;color:#0F1A2A;margin:0 0 10px;letter-spacing:.01em;}
.bw-account-preview-body{font-size:15px;line-height:1.65;color:#1f2937;}
.bw-account-preview-body p{margin:0 0 12px;}
.bw-account-preview-body p:last-child{margin-bottom:0;}
.bw-account-preview-body ul,.bw-account-preview-body ol{margin:0 0 12px 22px;}
.bw-account-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid #eef0f2;}
@media (max-width:640px){
  .bw-account-preview{padding:22px 18px;}
  .bw-account-preview-grid{grid-template-columns:1fr;gap:12px;}
}

/* Directie — vacature detail + approve */
.bw-dir-detail{
  background:#fff;border:1px solid #e5e7eb;border-radius:14px;
  padding:32px;margin-top:8px;
}
.bw-dir-status-row{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin-bottom:24px;padding-bottom:20px;
  border-bottom:1px solid #f0f0f0;
}
.bw-dir-status{
  font-size:12px;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;padding:5px 12px;border-radius:6px;
}
.bw-dir-status--pending{background:#FFF3CD;color:#856404;}
.bw-dir-status--draft{background:#f0f0f0;color:#666;}
.bw-dir-status--publish{background:#D4EDDA;color:#155724;}
.bw-dir-meta{font-size:13px;color:#888;}
.bw-dir-field{margin-bottom:18px;}
.bw-dir-field-label{
  font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:var(--bw-red,#C8102E);margin-bottom:5px;
}
.bw-dir-field-value{
  font-size:14px;line-height:1.6;color:#374151;
}
.bw-dir-actions{
  display:flex;gap:10px;flex-wrap:wrap;
  margin-top:28px;padding-top:20px;
  border-top:1px solid #f0f0f0;
}
.bw-btn-approve{
  display:inline-flex;align-items:center;gap:6px;
  background:#1ea34d;color:#fff;
  border:none;border-radius:8px;
  padding:10px 20px;
  font-family:inherit;font-size:14px;font-weight:700;
  cursor:pointer;transition:.2s;
}
.bw-btn-approve:hover{background:#178a3e;}
.bw-btn-approve.bw-btn-xs{padding:6px 14px;font-size:12px;border-radius:6px;}
.bw-btn-approved{background:#D4EDDA !important;color:#155724 !important;cursor:default;}
.bw-btn-approved:hover{background:#D4EDDA !important;}

.bw-btn-reject{
  display:inline-flex;align-items:center;gap:6px;
  background:#dc3545;color:#fff;
  border:none;border-radius:8px;
  padding:10px 20px;
  font-family:inherit;font-size:14px;font-weight:700;
  cursor:pointer;transition:.2s;
}
.bw-btn-reject:hover{background:#b52a37;}
.bw-btn-reject.bw-btn-xs{padding:6px 14px;font-size:12px;border-radius:6px;}

.bw-btn-unpublish{
  display:inline-flex;align-items:center;gap:6px;
  background:#6b7280;color:#fff;
  border:none;border-radius:8px;
  padding:10px 20px;
  font-family:inherit;font-size:14px;font-weight:700;
  cursor:pointer;transition:.2s;
}
.bw-btn-unpublish:hover{background:#4b5563;}
.bw-btn-unpublish.bw-btn-xs{padding:6px 14px;font-size:12px;border-radius:6px;}

/* Reject modal */
.bw-dir-modal-overlay{
  position:fixed;inset:0;z-index:99999;
  background:rgba(0,0,0,.45);
  display:flex;align-items:center;justify-content:center;
  padding:20px;
  animation:bwModalFadeIn .2s ease;
}
@keyframes bwModalFadeIn{from{opacity:0}to{opacity:1}}
.bw-dir-modal{
  background:#fff;border-radius:16px;
  padding:32px;max-width:520px;width:100%;
  box-shadow:0 24px 60px rgba(0,0,0,.2);
  animation:bwModalSlideIn .25s ease;
}
@keyframes bwModalSlideIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.bw-dir-modal-header{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:8px;
}
.bw-dir-modal-header h3{
  font-size:18px;font-weight:800;margin:0;color:#1a1a1a;
}
.bw-dir-modal-close{
  background:none;border:none;font-size:24px;
  color:#999;cursor:pointer;line-height:1;padding:0;
  transition:.15s;
}
.bw-dir-modal-close:hover{color:#333;}
.bw-dir-modal-sub{
  font-size:14px;color:#555;line-height:1.5;margin:0 0 18px;
}
.bw-dir-modal-label{
  display:block;font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;
  color:#888;margin-bottom:6px;
}
.bw-dir-modal-textarea{
  display:block;width:100%;
  font-family:inherit;font-size:14px;
  border:1px solid #d0d5dd;border-radius:10px;
  padding:12px 14px;resize:vertical;
  color:#1a1a1a;transition:.15s;
  box-sizing:border-box;
}
.bw-dir-modal-textarea:focus{
  outline:none;border-color:#dc3545;
  box-shadow:0 0 0 3px rgba(220,53,69,.12);
}
.bw-dir-modal-actions{
  display:flex;gap:10px;justify-content:flex-end;
  margin-top:20px;
}

/* Content beheren grid */
.bw-account-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:20px;}
.bw-account-content-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;background:#fafafa;border:1px solid #eee;border-radius:10px;text-decoration:none;color:#1a1a1a;transition:all .2s;text-align:center;}
.bw-account-content-card:hover{border-color:var(--bw-red,#C8102E);box-shadow:0 4px 12px rgba(200,16,46,.08);transform:translateY(-2px);}
.bw-account-content-card .dashicons{font-size:28px;width:28px;height:28px;color:var(--bw-red,#C8102E);}
.bw-account-content-card strong{font-size:15px;}
.bw-account-content-card span:last-child{font-size:12px;color:#888;}

/* Button variants */
.bw-btn-sm{font-size:13px;padding:8px 18px;}
.bw-btn-xs{font-size:12px;padding:5px 12px;}
.bw-btn-danger{background:#fff;color:#c0392b;border:1px solid #e8c4c0;border-radius:6px;text-decoration:none;font-weight:600;transition:all .15s;cursor:pointer;display:inline-flex;align-items:center;}
.bw-btn-danger:hover{background:#c0392b;color:#fff;border-color:#c0392b;}

/* Responsive */
@media(max-width:768px){
  .bw-account{padding:32px 0 60px;}
  .bw-account-header{flex-direction:column;}
  .bw-account-header h1{font-size:26px;}
  .bw-account-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .bw-account-tab{white-space:nowrap;padding:12px 16px;font-size:13px;}
  .bw-account-panel{padding:20px 16px;}
  .bw-account-list-item{flex-direction:column;align-items:flex-start;gap:10px;}
  .bw-account-list-header{flex-direction:column;align-items:flex-start;}
}

/* Frontend language switcher */
.bw-fe-lang-switcher{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;margin-bottom:14px;flex-wrap:wrap;}
.bw-fe-lang-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#666;margin-right:4px;}
.bw-fe-lang-label svg{color:#999;}
.bw-fe-lang-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #d0d5dd;border-radius:6px;background:#f8f8f8;color:#1a1a1a;text-decoration:none;font-size:13px;font-weight:500;transition:all .15s;line-height:1;}
.bw-fe-lang-btn:hover{border-color:var(--bw-red,#C8102E);color:var(--bw-red,#C8102E);background:#fff;}
.bw-fe-lang-btn.is-active{background:var(--bw-red,#C8102E);border-color:var(--bw-red,#C8102E);color:#fff;font-weight:600;}
.bw-fe-lang-btn.is-active:hover{background:#a50f26;border-color:#a50f26;color:#fff;}
.bw-fe-lang-flag{width:18px;height:12px;border-radius:2px;object-fit:cover;}
.bw-fe-lang-default{font-size:10px;text-transform:uppercase;letter-spacing:.5px;opacity:.7;}
.bw-fe-preview-btn{color:#555;border-style:dashed;font-size:12px;gap:5px;}
.bw-fe-preview-btn:hover{color:var(--bw-red,#C8102E);border-color:var(--bw-red,#C8102E);}

/* URL-slug per taal — content beheren */
.bw-fe-slug-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;margin-bottom:14px;}
.bw-fe-slug-head{display:inline-flex;align-items:center;gap:8px;color:#0F1A2A;font-size:13px;margin-bottom:10px;}
.bw-fe-slug-head svg{color:#6b7280;}
.bw-fe-slug-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.bw-fe-slug-prefix,.bw-fe-slug-suffix{display:inline-flex;align-items:center;padding:6px 8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-family:'SF Mono','Menlo','Consolas',monospace;font-size:13px;color:#374151;}
.bw-fe-slug-input{flex:1;min-width:200px;padding:7px 10px;border:1px solid #d0d5dd;border-radius:6px;font-family:'SF Mono','Menlo','Consolas',monospace;font-size:13px;color:#0F1A2A;background:#fff;}
.bw-fe-slug-input:focus{outline:none;border-color:var(--bw-red,#C8102E);box-shadow:0 0 0 3px rgba(200,16,46,.12);}
.bw-fe-slug-save{flex-shrink:0;}
.bw-fe-slug-hint{font-size:12px;color:#6b7280;margin:8px 0 0;line-height:1.5;}
.bw-fe-slug-status{font-size:12px;margin-top:8px;min-height:1em;}
.bw-fe-slug-status.is-error{color:#b91c1c;}
.bw-fe-slug-status.is-success{color:#15803d;}
.bw-fe-slug-history{margin-top:10px;padding-top:10px;border-top:1px dashed #e5e7eb;}
.bw-fe-slug-history-title{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;margin-bottom:6px;}
.bw-fe-slug-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;}
.bw-fe-slug-history-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;background:#f9fafb;border-radius:5px;font-size:12px;}
.bw-fe-slug-history-list code{font-family:'SF Mono','Menlo','Consolas',monospace;color:#374151;background:transparent;}
.bw-fe-slug-forget{border:none;background:transparent;color:#9ca3af;font-size:16px;cursor:pointer;padding:0 6px;line-height:1;border-radius:4px;}
.bw-fe-slug-forget:hover{color:#b91c1c;background:#fee2e2;}
.bw-fe-slug-history-empty{font-size:12px;color:#9ca3af;font-style:italic;margin:0;}
.bw-fe-slug-history.is-empty .bw-fe-slug-history-list{display:none;}

/* Vertaal-module: slug-edit per taal */
.bw-tr-slugs{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;padding:10px 12px;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:8px;}
.bw-tr-slugs-label{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;align-self:center;margin-right:4px;}
.bw-tr-slug{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:4px 6px;font-family:'SF Mono','Menlo','Consolas',monospace;font-size:12px;}
.bw-tr-slug-flag{width:16px;height:11px;border-radius:2px;object-fit:cover;}
.bw-tr-slug-prefix{color:#6b7280;}
.bw-tr-slug-input{border:none;background:transparent;font-family:inherit;font-size:12px;color:#0F1A2A;width:160px;padding:2px 0;}
.bw-tr-slug-input:focus{outline:none;}
.bw-tr-slug.is-readonly .bw-tr-slug-input{color:#6b7280;cursor:not-allowed;}
.bw-tr-slug-save{border:none;background:transparent;color:#6b7280;cursor:pointer;padding:2px 4px;border-radius:4px;font-size:12px;display:none;}
.bw-tr-slug.is-dirty .bw-tr-slug-save{display:inline-flex;color:var(--bw-red,#C8102E);}
.bw-tr-slug-save:hover{background:#fee2e2;}
.bw-tr-slug.is-saving{opacity:.6;}

/* Frontend content editor */
.bw-fe-editor{margin:0;}
.bw-fe-layout{display:flex;gap:0;border:1px solid #e5e5e5;border-radius:10px;overflow:hidden;min-height:420px;background:#fff;}
.bw-fe-tabs{width:200px;min-width:200px;background:#f8f8f8;border-right:1px solid #e5e5e5;padding:10px 0;display:flex;flex-direction:column;}
.bw-fe-tab{display:block;padding:11px 18px;border:none;background:transparent;color:#666;font-size:13px;font-weight:500;cursor:pointer;text-align:left;font-family:inherit;transition:all .15s;}
.bw-fe-tab:hover{color:#1a1a1a;background:#f0f0f0;}
.bw-fe-tab.is-active{color:var(--bw-red,#C8102E);background:#fff;font-weight:600;border-right:3px solid var(--bw-red,#C8102E);margin-right:-1px;}
.bw-fe-panels{flex:1;min-width:0;}
.bw-fe-panel{display:none;padding:24px 28px;}
.bw-fe-panel.is-active{display:block;}
.bw-fe-section-title{font-family:'Inter Tight',sans-serif;font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #eee;}
.bw-fe-fields{display:flex;flex-direction:column;gap:18px;}
.bw-fe-field{display:flex;flex-direction:column;gap:5px;}
.bw-fe-label{font-size:13px;font-weight:600;color:#333;}
.bw-fe-input,.bw-fe-textarea{width:100%;max-width:560px;padding:9px 13px;border:1px solid #d0d5dd;border-radius:8px;font-size:14px;font-family:inherit;color:#1a1a1a;background:#fff;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;}
.bw-fe-input:focus,.bw-fe-textarea:focus{outline:none;border-color:var(--bw-red,#C8102E);box-shadow:0 0 0 3px rgba(200,16,46,.06);}
.bw-fe-input::placeholder,.bw-fe-textarea::placeholder{color:#aaa;}
.bw-fe-textarea{resize:vertical;min-height:56px;}
.bw-fe-field--wysiwyg .wp-editor-wrap{max-width:900px;}
.bw-fe-field--wysiwyg .wp-editor-area{min-height:260px!important;resize:vertical;}
.bw-fe-image{max-width:560px;}
.bw-fe-image-preview{width:100%;max-width:280px;aspect-ratio:16/9;background:#f4f4f4;border:2px dashed #d0d5dd;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:6px;transition:border-color .2s;}
.bw-fe-image-preview.has-image{border-style:solid;border-color:#e0e0e0;}
.bw-fe-image-preview img{width:100%;height:100%;object-fit:cover;}
.bw-fe-image-hint{font-size:12px;color:#888;margin:0 0 4px;font-style:italic;}
.bw-fe-image-actions{display:flex;gap:6px;}
.bw-fe-footer{margin-top:20px;display:flex;justify-content:flex-end;}

@media(max-width:768px){
  .bw-fe-layout{flex-direction:column;}
  .bw-fe-tabs{width:100%;min-width:0;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid #e5e5e5;padding:0;}
  .bw-fe-tab{white-space:nowrap;padding:10px 14px;}
  .bw-fe-tab.is-active{border-right:none;border-bottom:3px solid var(--bw-red,#C8102E);margin-right:0;margin-bottom:-1px;}
  .bw-fe-panel{padding:18px 14px;}
}

/* ═══════════════════════════════════════════
   ALLES VERTALEN — 3-column translation UI
   ═══════════════════════════════════════════ */
/* Per-page presence warning */
.bw-tr-presence{
  display:flex;align-items:center;gap:8px;
  padding:8px 14px;margin:0 0 2px;
  background:#FFF8E1;
  border:1px solid #FFD54F;border-top:none;
  font-size:12px;font-weight:600;
  color:#7B5800;
  animation:bwTrPresenceIn .3s ease;
}
.bw-tr-presence svg{flex-shrink:0;color:#F59E0B;}
@keyframes bwTrPresenceIn{
  from{opacity:0;transform:translateY(-4px);}
  to{opacity:1;transform:translateY(0);}
}

.bw-translate-header{margin-bottom:28px;}
.bw-translate-header h2{font-size:22px;font-weight:800;color:#1a1a1a;margin:0 0 6px;}
.bw-translate-header p{color:#666;font-size:14px;margin:0;line-height:1.5;}

.bw-tr-page{margin-bottom:32px;}
.bw-tr-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.bw-tr-page-urls{display:flex;gap:8px;flex-wrap:wrap;}
.bw-tr-page-url-link{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#666;text-decoration:none;border:1px dashed #d0d5dd;border-radius:5px;padding:3px 8px;background:#fafafa;transition:all .15s;}
.bw-tr-page-url-link:hover{color:var(--bw-red,#C8102E);border-color:var(--bw-red,#C8102E);background:#fff;}
.bw-tr-page-url-link img{width:16px;height:11px;border-radius:2px;object-fit:cover;}
.bw-tr-global-hint{margin:0;font-size:12px;color:#777;font-style:italic;}
.bw-tr-page-title{
  font-size:17px;font-weight:800;color:#1a1a1a;
  padding:14px 20px;margin:0 0 2px;
  background:#f0f0f0;border-radius:12px 12px 0 0;
  border:1px solid #e5e5e5;border-bottom:none;
  letter-spacing:-.2px;
}

.bw-tr-section{
  background:#fff;border:1px solid #e5e5e5;
  border-radius:0 0 12px 12px;
  margin-bottom:16px;overflow:hidden;
}
.bw-tr-section:first-of-type{border-radius:0;}
.bw-tr-page .bw-tr-section:last-child{border-radius:0 0 12px 12px;}

.bw-tr-section-title{
  font-size:12px;font-weight:700;color:#888;
  text-transform:uppercase;letter-spacing:.6px;
  padding:14px 20px 8px;margin:0;
  border-bottom:1px solid #f0f0f0;
}

.bw-tr-lang-header{
  display:grid;
  grid-template-columns:180px repeat(3,1fr);
  gap:12px;padding:10px 20px;
  background:#fafafa;border-bottom:1px solid #f0f0f0;
  position:sticky;top:0;z-index:10;
}
.bw-tr-lang-header .bw-tr-label-col{font-size:11px;color:#aaa;font-weight:600;text-transform:uppercase;letter-spacing:.5px;}
.bw-tr-lang-header .bw-tr-lang-col{
  display:flex;align-items:center;gap:6px;
  font-size:12px;font-weight:700;color:#444;
}
.bw-tr-row .bw-tr-lang-col{
  display:flex;align-items:flex-start;gap:6px;
  font-size:12px;font-weight:400;color:#444;
}
.bw-tr-flag{width:18px;height:12px;border-radius:2px;object-fit:cover;}
.bw-tr-default{
  font-size:9px;text-transform:uppercase;letter-spacing:.4px;
  background:#e8f5e9;color:#2e7d32;padding:2px 6px;border-radius:4px;font-weight:700;
}

.bw-tr-row{
  display:grid;
  grid-template-columns:180px repeat(3,1fr);
  gap:12px;padding:10px 20px;
  border-bottom:1px solid #f5f5f5;
  align-items:start;
  transition:background .15s;
}
.bw-tr-row:last-child{border-bottom:none;}
.bw-tr-row:hover{background:#fafbfc;}

.bw-tr-row .bw-tr-label-col{padding-top:8px;}
.bw-tr-row .bw-tr-label-col label{
  font-size:12.5px;font-weight:600;color:#555;
  line-height:1.3;display:block;
}

.bw-tr-input{
  width:100%;
  box-sizing:border-box;
  /* Inter first: we only host Inter Tight from 600 up — using Tight at 400 faux-bolds everything. */
  font-family:Inter,'Inter Tight',-apple-system,sans-serif;
  font-size:13px;font-weight:400;color:#1a1a1a;
  border:1px solid #ddd;border-radius:8px;
  padding:8px 10px;
  background:#fff;
  transition:border-color .15s, box-shadow .15s;
}
.bw-tr-input:focus{
  outline:none;
  border-color:var(--bw-red,#C8102E);
  box-shadow:0 0 0 3px rgba(200,16,46,.08);
}
textarea.bw-tr-input,
.bw-tr-visual{
  overflow:auto;
  resize:both;
  min-height:60px;
  max-width:none;
  line-height:1.5;
}

/* Per-page save footer */
.bw-tr-page-footer{
  display:flex;align-items:center;justify-content:flex-end;gap:14px;
  padding:16px 20px;
  background:#fafafa;
  border:1px solid #e5e5e5;border-top:none;
  border-radius:0 0 12px 12px;
  margin-bottom:8px;
}
.bw-tr-page-save{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 22px;font-size:13px;font-weight:700;
  border-radius:8px;white-space:nowrap;
}
.bw-tr-page-save:disabled{opacity:.6;cursor:wait;}

.bw-tr-page-status{
  font-size:13px;font-weight:600;
  transition:opacity .3s;
}
.bw-tr-status-ok{color:#2e7d32;}
.bw-tr-status-err{color:#C8102E;}

/* Visual editor wrap */
.bw-tr-visual-wrap{position:relative;}

.bw-tr-toolbar{
  display:flex;align-items:center;gap:2px;
  padding:4px 6px;
  background:#f5f5f5;border:1px solid #ddd;
  border-bottom:none;border-radius:8px 8px 0 0;
}
.bw-tr-tb-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:24px;border:none;border-radius:4px;
  background:transparent;cursor:pointer;
  color:#555;font-size:12px;font-weight:500;
  font-family:Inter,'Inter Tight',sans-serif;
  transition:all .12s;
}
.bw-tr-tb-btn:hover{background:#e0e0e0;color:#1a1a1a;}
.bw-tr-tb-btn:active,.bw-tr-tb-btn.is-active{background:#ddd;color:#1a1a1a;}

.bw-tr-tb-sep{
  width:1px;height:16px;background:#ddd;margin:0 4px;
}

.bw-tr-tb-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  margin-left:auto;
  padding:2px 8px;height:24px;border:none;border-radius:4px;
  background:transparent;cursor:pointer;
  color:#888;font-size:11px;font-weight:700;
  font-family:'SF Mono',Consolas,monospace;
  transition:all .12s;
}
.bw-tr-tb-toggle:hover{background:#e0e0e0;color:#1a1a1a;}
.bw-tr-tb-toggle.is-active{background:#333;color:#fff;}

.bw-tr-visual{
  line-height:1.6;
  font-weight:400 !important;
  border-radius:0 0 8px 8px !important;
  border-top:none !important;
  outline:none;
  white-space:pre-wrap;
  word-wrap:break-word;
}
.bw-tr-visual:focus{
  border-color:var(--bw-red,#C8102E) !important;
  box-shadow:0 0 0 3px rgba(200,16,46,.08) !important;
}
.bw-tr-visual a{color:var(--bw-red,#C8102E);text-decoration:underline;}
.bw-tr-visual b,.bw-tr-visual strong{font-weight:700;}
.bw-tr-visual ul,.bw-tr-visual ol{
  margin:0 0 0.8em 1.25em;
  padding-left:1.2em;
  white-space:normal;
}
.bw-tr-visual li{margin:0.2em 0;}

.bw-tr-html-raw{
  border-radius:0 0 8px 8px !important;
  font-family:'SF Mono',Consolas,'Courier New',monospace !important;
  font-size:12px !important;
  line-height:1.6 !important;
  color:#555 !important;
  min-width:100%;
  min-height:180px;
  max-width:none;
  overflow:auto;
  resize:both;
}

/* Spinner */
@keyframes bw-tr-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.bw-tr-spin{animation:bw-tr-spin .7s linear infinite;}

/* Responsive: stack on mobile */
@media(max-width:900px){
  .bw-tr-lang-header,
  .bw-tr-row{
    grid-template-columns:1fr;gap:6px;
  }
  .bw-tr-lang-header{display:none;}
  .bw-tr-row .bw-tr-label-col{padding:0;}
  .bw-tr-row .bw-tr-label-col label{
    margin-bottom:2px;font-size:11px;color:#888;
    text-transform:uppercase;letter-spacing:.4px;
  }
  .bw-tr-lang-col::before{
    content:attr(data-lang);
    font-size:10px;font-weight:700;color:#888;
    text-transform:uppercase;letter-spacing:.4px;
    display:block;margin-bottom:2px;
  }
  .bw-tr-page-footer{padding:14px 16px;}
}

/* ── CONTACT PAGE (form + nested lijst “Adressen”) ─────────── */
.bw-contact-form-section{
  background:var(--bw-light);
  border-top:1px solid var(--bw-border);
}
.bw-acc-form.bw-contact-form{margin:0 auto;}
.bw-contact-notice{
  max-width:720px;margin:0 auto 26px;padding:14px 18px;border-radius:12px;font-size:15px;line-height:1.55;
}
.bw-contact-notice--success{
  background:rgba(22,163,74,.12);border:1px solid rgba(22,163,74,.35);color:#166534;
}
.bw-contact-notice--error{
  background:rgba(200,16,46,.08);border:1px solid rgba(200,16,46,.28);color:#991b1b;
}
.bw-contact-hp{
  position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;
}
.bw-contact-submit{margin-top:12px;}
.bw-dp-block-body ul.bw-contact-nested{
  margin-top:12px;margin-bottom:0;padding-left:1.25em;
  list-style:disc;
}
.bw-dp-block-body ul.bw-contact-nested li{
  padding-left:0;margin-bottom:6px;
}
.bw-dp-block-body ul.bw-contact-nested li::before{display:none;}
.bw-contact-avg-link{margin-top:22px;margin-bottom:0;}

/* CookieFirst: video embed + placeholder until iframe gets src */
.bw-consent-embed{
  position:absolute;top:0;left:0;width:100%;height:100%;
}
iframe.bw-consent-iframe:not([src]){
  display:none;
}
iframe.bw-consent-iframe[src]{
  position:absolute;top:0;left:0;width:100%;height:100%;border:0;
}
.bw-consent-placeholder{
  position:absolute;inset:0;z-index:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  padding:20px 24px;text-align:center;
  background:linear-gradient(145deg,#f4f5f7 0%,#e8eaef 100%);
  border-radius:inherit;
}
.bw-consent-embed iframe.bw-consent-iframe[src] ~ .bw-consent-placeholder{
  display:none;
}
.bw-consent-placeholder-text{
  margin:0;max-width:420px;
  font-size:14px;line-height:1.55;color:#374151;
}
.bw-consent-placeholder-btn{
  flex-shrink:0;
}
