/*
Theme Name: Veldt Theme
Theme URI: https://vdveldt.com/
Author: Frank Geleijns
Author URI: https://vdveldt.com/
Description: Workbase theme voor Veldt met instelbare homepage, zoekblok en artikelweergave.
Version: 3.8.4
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: wb-theme-350
*/

:root{
  --wb-bg:#f4f5f7;
  --wb-surface:#ffffff;
  --wb-text:#1f2937;
  --wb-muted:#6b7280;
  --wb-line:#e5e7eb;
  --wb-dark:#111111;
  --wb-dark-2:#1d1d1d;
  --wb-accent:#111111;
  --wb-accent-2:#2a2a2a;
  --wb-ok:#0e8a4a;
  --wb-low:#d97706;
  --wb-radius:16px;
  --wb-shadow:0 12px 32px rgba(15,23,32,.08);
  --wb-max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--wb-bg);
  color:var(--wb-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.55;
}
a{color:var(--wb-accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}

.wb-wrap{width:min(var(--wb-max), calc(100% - 32px)); margin:0 auto}
.wb-topbar{
  background:var(--wb-dark);
  color:#fff;
  font-size:14px;
}
.wb-topbar .wb-wrap{
  display:flex; gap:20px; align-items:center; justify-content:space-between;
  padding:10px 0;
}
.wb-topbar a{color:#fff}
.wb-head{
  background:linear-gradient(180deg, var(--wb-dark-2), var(--wb-dark));
  color:#fff;
}
.wb-head .wb-wrap{
  display:flex; align-items:center; justify-content:space-between;
  gap:24px; padding:18px 0;
}
.wb-branding a{color:#fff; text-decoration:none}
.wb-branding h1,.wb-branding p{margin:0}
.wb-branding h1{font-size:30px; line-height:1.1}
.wb-branding p{color:rgba(255,255,255,.76); margin-top:6px}
.wb-mainnav{display:flex; gap:18px; flex-wrap:wrap}
.wb-mainnav a{color:#fff; font-weight:600; opacity:.95}

.wb-hero{
  background:
   linear-gradient(135deg, rgba(15,23,32,.92), rgba(24,36,49,.85)),
   radial-gradient(circle at top right, rgba(30,115,190,.28), transparent 34%);
  color:#fff;
  padding:52px 0 44px;
}
.wb-hero--image{
  min-height:560px;
  padding:0;
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
}
.wb-hero--image .wb-wrap{
  min-height:560px;
}
.wb-hero-grid{
  display:grid;
  grid-template-columns:1.25fr .9fr;
  gap:32px;
  align-items:start;
}
.wb-eyebrow{
  display:inline-block;
  margin-bottom:12px;
  color:#9fd0ff;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:12px;
}
.wb-hero h2{
  margin:0 0 12px;
  font-size:clamp(32px,4vw,52px);
  line-height:1.06;
}
.wb-hero p{
  margin:0 0 18px;
  color:rgba(255,255,255,.84);
  max-width:760px;
  font-size:18px;
}
.wb-hero-actions{display:flex; gap:12px; flex-wrap:wrap}
.wb-btn, button, input[type=submit]{
  background:var(--wb-accent);
  color:#fff;
  border:0;
  border-radius:12px;
  padding:13px 18px;
  font-weight:700;
  cursor:pointer;
  box-shadow:none;
}
.wb-btn:hover, button:hover, input[type=submit]:hover{background:var(--wb-accent-2); text-decoration:none}
.wb-btn.alt{
  background:#fff; color:var(--wb-dark);
}
.wb-card{
  background:var(--wb-surface);
  border-radius:var(--wb-radius);
  box-shadow:var(--wb-shadow);
  border:1px solid rgba(255,255,255,.06);
}
.wb-search-card{
  padding:22px;
  color:var(--wb-text);
}
.wb-search-card h3{margin:0 0 14px; font-size:24px}
.wb-search-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.wb-search-grid .full{grid-column:1/-1}
.wb-search-card input,
.wb-search-card select,
.wb-search-card textarea,
.wb-filterbar input,
.wb-filterbar select,
.search-form input[type=search]{
  width:100%;
  padding:12px 14px;
  border:1px solid var(--wb-line);
  border-radius:12px;
  background:#fff;
  color:var(--wb-text);
  font-size:15px;
}
.wb-search-card label, .wb-filterbar label{
  display:block;
  font-size:13px;
  font-weight:700;
  margin:0 0 6px;
  color:var(--wb-muted);
}
.wb-section{padding:34px 0}
.wb-section h2{
  margin:0 0 18px;
  font-size:30px;
}
.wb-muted{color:var(--wb-muted)}
.wb-grid-4{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
}
.wb-grid-3{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}
.wb-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:#eef6ff;
  color:var(--wb-accent);
  font-weight:700;
  font-size:13px;
}
.wb-brand-tile, .wb-group-tile{
  display:block;
  background:var(--wb-surface);
  border:1px solid var(--wb-line);
  border-radius:18px;
  padding:18px;
  min-height:92px;
  box-shadow:var(--wb-shadow);
  color:var(--wb-text);
}
.wb-brand-tile strong, .wb-group-tile strong{display:block;font-size:18px}
.wb-brand-tile span, .wb-group-tile span{display:block;color:var(--wb-muted);margin-top:6px}

.wb-products{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
.wb-product{
  background:#fff;
  border:1px solid var(--wb-line);
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--wb-shadow);
}
.wb-product-thumb{
  aspect-ratio: 4 / 3;
  background:#eef2f7;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.wb-product-body{padding:16px}
.wb-product h3{
  margin:0 0 8px;
  font-size:19px;
  line-height:1.25;
}
.wb-meta-list{
  list-style:none;
  margin:0; padding:0;
  display:grid; gap:6px;
}
.wb-meta-list li{font-size:14px; color:var(--wb-muted)}
.wb-stock{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  margin:0 0 10px;
}
.wb-stock.in{background:#eaf8f0; color:var(--wb-ok)}
.wb-stock.low{background:#fff4e6; color:var(--wb-low)}

.wb-page-head{
  background:linear-gradient(180deg, #fff, #f5f7fa);
  border-bottom:1px solid var(--wb-line);
  padding:28px 0;
}
.wb-breadcrumbs{
  font-size:14px; color:var(--wb-muted); margin-bottom:10px;
}
.wb-single{
  padding:30px 0 48px;
}
.wb-single-grid{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:28px;
}
.wb-gallery-main{
  background:#fff;
  border:1px solid var(--wb-line);
  border-radius:18px;
  padding:16px;
  box-shadow:var(--wb-shadow);
}
.wb-gallery-main img{
  width:100%;
  border-radius:12px;
  object-fit:cover;
}
.wb-thumbs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.wb-thumbs a{
  display:block;
  background:#fff;
  border:1px solid var(--wb-line);
  border-radius:12px;
  overflow:hidden;
}
.wb-summary{
  background:#fff;
  border:1px solid var(--wb-line);
  border-radius:18px;
  padding:24px;
  box-shadow:var(--wb-shadow);
}
.wb-summary h1{
  margin:0 0 12px;
  font-size:clamp(28px, 4vw, 42px);
  line-height:1.12;
}
.wb-specs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.wb-spec{
  background:#f8fafc;
  border:1px solid var(--wb-line);
  border-radius:14px;
  padding:14px;
}
.wb-spec small{
  display:block;
  color:var(--wb-muted);
  margin-bottom:4px;
  font-weight:700;
}
.wb-content-block, .wb-parts-card{
  margin-top:24px;
  background:#fff;
  border:1px solid var(--wb-line);
  border-radius:18px;
  padding:22px;
  box-shadow:var(--wb-shadow);
}
.wb-table{
  width:100%;
  border-collapse:collapse;
}
.wb-table th,.wb-table td{
  padding:12px 10px;
  border-bottom:1px solid var(--wb-line);
  text-align:left;
  font-size:15px;
}
.wb-table th{
  color:var(--wb-muted);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.wb-filterbar{
  background:#fff;
  border:1px solid var(--wb-line);
  border-radius:18px;
  padding:18px;
  box-shadow:var(--wb-shadow);
  margin-bottom:22px;
}
.wb-filterbar-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  align-items:end;
}
.wb-empty{
  background:#fff;
  border:1px dashed var(--wb-line);
  border-radius:18px;
  padding:24px;
  text-align:center;
  color:var(--wb-muted);
}
.site-footer{
  background:var(--wb-dark);
  color:#fff;
  margin-top:48px;
}
.site-footer .wb-wrap{
  padding:22px 0 14px;
}
.site-footer a{color:#fff}
.wb-footer-main{
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:flex-start;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.wb-footer-brand img{
  max-width:150px;
  height:auto;
  display:block;
}
.wb-footer-brand a{
  display:inline-flex;
  align-items:center;
  color:#fff;
  font-size:28px;
  font-weight:800;
}
.wb-footer-contact{
  text-align:right;
  font-weight:700;
  line-height:1.55;
}
.wb-footer-contact-row{
  display:flex;
  flex-wrap:wrap;
  gap:22px;
  justify-content:flex-end;
}
.wb-footer-bottom{
  padding-top:12px;
  text-align:center;
}
.wb-footer-copy{
  margin-bottom:9px;
  color:rgba(255,255,255,.86);
}
.wb-footer-menu{
  display:flex;
  flex-wrap:wrap;
  gap:26px;
  justify-content:center;
  align-items:center;
  list-style:none;
  margin:0;
  padding:0;
}
.wb-footer-menu .menu,
.wb-footer-menu .wb-footer-nav-menu{
  display:flex;
  flex-wrap:wrap;
  gap:26px;
  justify-content:center;
  align-items:center;
  list-style:none;
  margin:0;
  padding:0;
}
.wb-footer-menu li{
  list-style:none;
  margin:0;
  padding:0;
}
.wb-footer-menu a{
  color:#fff;
  opacity:.92;
}
.screen-reader-text{position:absolute;left:-9999px}

@media (max-width: 1100px){
  .wb-products, .wb-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wb-filterbar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 860px){
  .wb-hero-grid, .wb-single-grid{grid-template-columns:1fr}
  .wb-grid-3{grid-template-columns:1fr}
}
@media (max-width: 680px){
  .wb-products, .wb-grid-4, .wb-search-grid, .wb-thumbs, .wb-filterbar-grid, .wb-specs{
    grid-template-columns:1fr;
  }
  .wb-head .wb-wrap, .wb-topbar .wb-wrap{flex-direction:column; align-items:flex-start}
  .wb-footer-main,
  .wb-footer-contact-row{
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
  }
  .wb-footer-contact{text-align:left}
}


.wb-results-bar{margin:0 0 18px;color:var(--wb-muted);font-weight:700}.wb-filter-actions{display:flex;gap:12px;align-items:end;justify-content:flex-start}.wb-filter-actions .wb-btn{display:inline-flex;align-items:center;justify-content:center}.wb-gallery-stage{position:relative}.wb-gallery-image-button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.wb-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:0;background:rgba(15,23,32,.72);color:#fff;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2}.wb-gallery-nav.prev{left:12px}.wb-gallery-nav.next{right:12px}.wb-thumb-button{padding:0;border:1px solid var(--wb-line);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer}.wb-thumb-button.is-active{outline:3px solid rgba(30,115,190,.25);border-color:var(--wb-accent)}.wb-lightbox{position:fixed;inset:0;background:rgba(15,23,32,.92);display:flex;align-items:center;justify-content:center;z-index:9999;padding:40px}.wb-lightbox[hidden]{display:none}.wb-lightbox img{max-width:min(92vw,1400px);max-height:85vh;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.4)}.wb-lightbox-close{position:absolute;top:18px;right:18px;width:52px;height:52px;border-radius:999px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:34px;line-height:1;display:flex;align-items:center;justify-content:center}.wb-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:999px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:34px;display:flex;align-items:center;justify-content:center}.wb-lightbox-nav.prev{left:18px}.wb-lightbox-nav.next{right:18px}.wb-no-scroll{overflow:hidden}.wb-mainnav .menu{display:flex;gap:18px;list-style:none;margin:0;padding:0}.wb-mainnav .menu a{color:#fff;font-weight:600;opacity:.95}.wb-search-card .wb-filterbar{box-shadow:none;border:0;padding:0;margin:0;background:transparent}.wb-filterbar-grid>div{min-width:0}@media (max-width:1100px){.wb-filterbar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wb-filter-actions{grid-column:1/-1}}@media (max-width:680px){.wb-filter-actions{flex-direction:column}.wb-filter-actions a,.wb-filter-actions button{width:100%}}

.wb-more-details{
  margin-top:18px;
  background:transparent;
}
.wb-more-details summary{
  list-style:none;
  display:inline-flex;
  align-items:center;
  cursor:pointer;
  border:1px solid var(--wb-line);
  border-radius:12px;
  padding:12px 18px;
  font-weight:700;
  background:#fff;
}
.wb-more-details summary::-webkit-details-marker{display:none}
.wb-more-details[open] summary{margin-bottom:18px}


.wb-hero-simple{
  max-width: 920px;
}
.wb-search-section{
  padding-top: 18px;
}
.wb-search-card-full{
  width: 100%;
  max-width: 100%;
}
.wb-search-card-full .wb-filterbar{
  width: 100%;
}
.wb-search-card-full .wb-filterbar-grid{
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media (max-width: 1100px){
  .wb-search-card-full .wb-filterbar-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767px){
  .wb-search-card-full .wb-filterbar-grid{
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 520px){
  .wb-search-card-full .wb-filterbar-grid{
    grid-template-columns: 1fr;
  }
}


.wb-filterbar-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.wb-filter-actions{
  display:flex;
  align-items:flex-end;
  gap:12px;
}
.choices{
  margin-bottom:0;
}
.choices__inner{
  min-height:48px;
  border:1px solid var(--wb-line);
  border-radius:12px;
  background:#fff;
  padding:7px 12px;
}
.choices__list--dropdown, .choices__list[aria-expanded]{
  border-radius:12px;
  border:1px solid var(--wb-line);
  z-index:1000;
}
@media (max-width: 1200px){
  .wb-filterbar-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 767px){
  .wb-filterbar-grid{grid-template-columns:1fr;}
  .wb-filter-actions{align-items:stretch;flex-direction:column;}
}
.wb-mainnav .wb-nav-menu{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  align-items:center;
  margin:0;
  padding:0;
  list-style:none;
}

.wb-mainnav .wb-nav-menu li{
  list-style:none;
  margin:0;
  padding:0;
}

.wb-mainnav .wb-nav-menu a{
  color:#fff;
  font-weight:600;
  opacity:.95;
  text-decoration:none;
  display:inline-block;
}

.wb-mainnav .wb-nav-menu a:hover{
  text-decoration:none;
  opacity:1;
}
.wb-mainnav .wb-nav-menu{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  align-items:center;
  margin:0;
  padding:0;
  list-style:none;
}

.wb-mainnav .wb-nav-menu li{
  list-style:none;
  margin:0;
  padding:0;
}

.wb-mainnav .wb-nav-menu a{
  color:#fff;
  font-weight:600;
  opacity:.95;
  text-decoration:none;
  display:inline-block;
}

.wb-mainnav .wb-nav-menu a:hover{
  text-decoration:none;
  opacity:1;
}

/* ===== Test header & visuals v3.4.0 ===== */
body.admin-bar .wb-head{top:32px}
@media (max-width:782px){body.admin-bar .wb-head{top:46px}}
.wb-utilitybar{
  background:#f7f7f7;
  border-bottom:1px solid var(--wb-line);
  color:var(--wb-muted);
  font-size:14px;
}
.wb-utilitybar .wb-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:10px 0;
}
.wb-utilitynav .menu,
.wb-mainnav .menu,
.wb-mainnav .wb-nav-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
}
.wb-utilitynav a{color:var(--wb-text);font-weight:500}
.wb-utilitymeta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.wb-utilitymeta a{color:var(--wb-text)}
.wb-head{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(180%) blur(12px);
  color:var(--wb-text);
  border-bottom:1px solid rgba(15,23,32,.08);
  box-shadow:0 10px 30px rgba(15,23,32,.06);
}
.wb-head .wb-wrap,
.wb-head-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:12px 0;
}
.wb-branding{display:flex;align-items:center;min-width:0;flex:0 0 auto}
.wb-branding > a{display:flex;align-items:center;gap:14px;color:var(--wb-text);text-decoration:none}
.wb-branding .custom-logo{max-height:46px;width:auto;height:auto}
.wb-branding h1{font-size:24px;color:var(--wb-text)}
.wb-branding p{margin-top:2px;color:var(--wb-muted)}
.wb-mainnav{display:flex;align-items:center;gap:18px;justify-content:flex-end;flex:1 1 auto}
.wb-mainnav a{color:var(--wb-text);font-weight:700;opacity:1}
.wb-mainnav a:hover,.wb-utilitynav a:hover{text-decoration:none;color:#000}
.wb-head-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  padding:11px 16px;
  border-radius:999px;
  background:#111;
  color:#fff !important;
  font-weight:700;
}
.wb-head-cta:hover{text-decoration:none;background:#2a2a2a}
.wb-head-spacer{display:none}
.wb-visuals{padding-top:8px}
.wb-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wb-visual-card{position:relative;overflow:hidden;min-height:240px;border-radius:22px;background:#dfe5ea;color:#fff;box-shadow:var(--wb-shadow)}
.wb-visual-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(17,17,17,.1), rgba(17,17,17,.72));}
.wb-visual-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wb-visual-content{position:relative;z-index:1;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;min-height:240px}
.wb-visual-content h3{margin:0 0 8px;font-size:24px;line-height:1.15;color:#fff}
.wb-visual-content p{margin:0 0 14px;color:rgba(255,255,255,.92)}
.wb-visual-content .wb-btn.alt{background:rgba(255,255,255,.95);color:#111}
.wb-visual-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cfd6dd,#e8edf2);color:#364152;font-weight:700;padding:20px;text-align:center}
@media (max-width:1100px){
  .wb-utilitybar .wb-wrap{flex-direction:column;align-items:flex-start}
  .wb-head .wb-wrap,.wb-head-row{flex-wrap:wrap}
  .wb-mainnav{justify-content:flex-start}
  .wb-visual-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .wb-branding > a{align-items:flex-start}
  .wb-branding h1{font-size:20px}
  .wb-branding p{font-size:13px}
  .wb-mainnav .menu,.wb-mainnav .wb-nav-menu,.wb-utilitynav .menu{gap:14px}
  .wb-head-cta{width:100%}
  .wb-visual-grid{grid-template-columns:1fr}
}


/* ===== v3.5.0 hero/menu refinements ===== */
:root{--wb-logo-orange:#f58220;}
.wb-utilitybar{background:#fff;color:var(--wb-text)}
.wb-utilitybar .menu a,
.wb-utilitybar .sub-menu a,
.wb-utilitynav a,
.wb-utilitynav .menu-item > a,
.wb-utilitynav .page_item > a{color:var(--wb-text) !important;opacity:1}
.wb-utilitybar .current-menu-item > a,
.wb-utilitybar .current_page_item > a,
.wb-utilitybar a:hover,
.wb-utilitynav a:hover{color:var(--wb-logo-orange) !important}
.wb-mainnav .current-menu-item > a,
.wb-mainnav .current_page_item > a,
.wb-mainnav a:hover{color:var(--wb-logo-orange) !important}
.wb-head-cta{background:var(--wb-logo-orange)}
.wb-head-cta:hover{background:#d86c15}
.wb-hero{
  position:relative;
  background:#d9dde2 center center/cover no-repeat;
  color:#fff;
  padding:84px 0 76px;
  min-height:360px;
}
.wb-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(17,17,17,.72), rgba(17,17,17,.46) 45%, rgba(17,17,17,.25));
}
.wb-hero .wb-wrap{position:relative;z-index:1}
.wb-hero-simple{max-width:760px}
.wb-hero h2{text-shadow:0 2px 18px rgba(0,0,0,.28)}
.wb-hero p{max-width:700px}
@media (max-width:720px){
  .wb-hero{padding:56px 0 48px;min-height:280px}
}


/* ===== v3.5.4 menu color fix ===== */
.wb-mainnav .wb-nav-menu a,
.wb-mainnav .menu a,
.wb-mainnav a:not(.wb-head-cta),
.wb-utilitybar .menu a,
.wb-utilitynav .menu a,
.wb-utilitynav a{
  color: var(--wb-text) !important;
  opacity: 1 !important;
}

.wb-mainnav .wb-nav-menu a:hover,
.wb-mainnav .menu a:hover,
.wb-mainnav a:not(.wb-head-cta):hover,
.wb-utilitybar .menu a:hover,
.wb-utilitynav .menu a:hover,
.wb-utilitynav a:hover{
  color: var(--wb-logo-orange) !important;
  text-decoration: none;
}

.wb-mainnav .current-menu-item > a,
.wb-mainnav .current_page_item > a,
.wb-mainnav .current-menu-ancestor > a,
.wb-utilitybar .current-menu-item > a,
.wb-utilitybar .current_page_item > a,
.wb-utilitybar .current-menu-ancestor > a,
.wb-utilitynav .current-menu-item > a,
.wb-utilitynav .current_page_item > a,
.wb-utilitynav .current-menu-ancestor > a{
  color: var(--wb-text) !important;
  border-bottom: 2px solid var(--wb-logo-orange);
}

/* ===== v3.6.2 home hero search layout ===== */
.wb-home-hero{
  isolation:isolate;
  position:relative;
  z-index:20;
  overflow:visible;
  padding:92px 0 34px;
  min-height:650px;
  background-position:center center;
}

.wb-home-hero.wb-hero--image{
  min-height:650px;
}

.wb-home-hero::before{
  background:
    linear-gradient(180deg, rgba(20,24,28,.54), rgba(20,24,28,.2) 42%, rgba(20,24,28,.52)),
    linear-gradient(90deg, rgba(20,24,28,.56), rgba(20,24,28,.16) 52%, rgba(20,24,28,.38));
}

.wb-home-hero .wb-wrap{
  position:relative;
  z-index:1;
  min-height:0;
  overflow:visible;
}

.wb-home-hero-copy{
  max-width:1120px;
  margin:0 0 38px;
  text-align:left;
}

.wb-home-hero .wb-eyebrow{
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.4);
}

.wb-home-hero h2{
  margin:0;
  color:#fff;
  font-size:var(--wb-home-hero-title-size, 72px);
  line-height:1.07;
  font-weight:800;
  text-shadow:0 4px 15px rgba(0,0,0,.55);
}

.wb-home-hero h2 .wb-home-hero-title-main{
  display:inline;
  color:#fff;
}

.wb-home-hero h2 .wb-home-hero-title-accent{
  display:inline;
  color:var(--wb-logo-orange);
}

.wb-home-hero-copy p{
  margin:18px 0 0;
  color:rgba(255,255,255,.92);
  max-width:900px;
  font-size:var(--wb-home-hero-text-size, 28px);
  line-height:1.2;
  font-weight:700;
  text-shadow:0 2px 12px rgba(0,0,0,.46);
}

.wb-hero-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  gap:24px;
  list-style:none;
  margin:28px 0 0;
  padding:0;
  width:min(100%, 1120px);
}

.wb-hero-benefits li{
  position:relative;
  width:max-content;
  max-width:100%;
  color:#fff;
  font-size:24px;
  font-weight:600;
  line-height:1.2;
  padding-left:46px;
  text-shadow:0 4px 13px rgba(0,0,0,.62);
}

.wb-hero-benefits li:nth-child(1){
  justify-self:start;
}

.wb-hero-benefits li:nth-child(2){
  justify-self:center;
}

.wb-hero-benefits li:nth-child(3){
  justify-self:end;
}

.wb-hero-benefits li::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:34px;
  height:34px;
  transform:translateY(-50%);
  border:3px solid var(--wb-logo-orange);
  border-radius:999px;
  box-shadow:0 3px 10px rgba(0,0,0,.5);
}

.wb-hero-benefits li::after{
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  width:17px;
  height:9px;
  border-left:4px solid var(--wb-logo-orange);
  border-bottom:4px solid var(--wb-logo-orange);
  transform:translateY(-68%) rotate(-45deg);
}

.wb-home-search-card{
  display:block;
  width:100%;
  padding:22px 28px 26px;
  position:relative;
  z-index:2;
  border:1px solid rgba(255,255,255,.45);
  border-radius:14px;
  background:rgba(255,255,255,var(--wb-home-search-alpha,.30)) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.24);
  backdrop-filter:blur(7px);
  overflow:visible;
}

.wb-home-search-card .wbse910-wrap{
  margin:0 0 22px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

.wb-home-search-card .wbse910-head h2{
  margin:0 0 18px;
  color:var(--wb-home-search-title-color, #202124) !important;
  font-size:var(--wb-home-search-title-size, 28px) !important;
  line-height:1.15;
  font-weight:800;
  text-shadow:none !important;
}

.wb-home-search-card .wbse910-head p{
  display:none;
}

.wb-home-search-card .wbse910-input{
  width:100%;
  min-height:54px;
  height:54px;
  padding:0 18px;
  border:1px solid rgba(17,17,17,.18);
  border-radius:6px;
  background:var(--wb-home-search-input-bg, #fff) !important;
  color:var(--wb-home-search-input-text, #101214);
  font-size:18px;
  box-shadow:0 1px 4px rgba(0,0,0,.08) inset;
}

.wb-home-search-card .wbse910-input::placeholder{
  color:var(--wb-home-search-input-placeholder, #6f7378);
  opacity:1;
}

.wb-home-search-card .wbse910-results{
  z-index:20;
}

.wb-home-search-primary{
  display:contents;
}

.wb-home-search-card h3{
  margin:0 0 14px;
  color:var(--wb-home-search-title-color, #202124) !important;
  font-size:var(--wb-home-search-title-size, 28px) !important;
  line-height:1.15;
  font-weight:800;
  text-shadow:none !important;
}

.wb-hero .wb-home-search-card > h3,
.wb-home-hero .wb-home-search-card > h3{
  color:var(--wb-home-search-title-color, #202124) !important;
  font-size:var(--wb-home-search-title-size, 28px) !important;
  text-shadow:none !important;
}

.wb-home-search-card .wb-filterbar{
  background:transparent;
}

.wb-home-search-card .wb-home-filterbar,
.wb-home-search-card .wb-home-filterbar *{
  text-shadow:none;
}

.wb-home-search-card .wb-home-filterbar{
  padding-top:0;
  margin:18px 0 0;
  border:0;
  box-shadow:none;
}

.wb-home-search-card .wb-filterbar-grid{
  grid-template-columns:repeat(5,minmax(0,1fr)) auto;
  gap:12px 14px;
  align-items:end;
}

.wb-home-search-card .wb-filter-searchterm-prominent{
  grid-column:1 / -1;
}

.wb-home-search-card label{
  color:var(--wb-home-filter-label-color, #101214);
  font-size:14px;
}

.wb-home-search-card input,
.wb-home-search-card select,
.wb-home-search-card .choices__inner{
  min-height:54px;
  border-color:rgba(17,17,17,.18);
  border-radius:6px;
  background:var(--wb-home-filter-field-bg, #fff) !important;
  color:var(--wb-home-filter-field-text, #202124);
  font-size:18px;
  box-shadow:0 1px 4px rgba(0,0,0,.08) inset;
}

.wb-home-search-card .wb-home-main-search{
  display:block;
  width:100%;
  margin:0;
}

.wb-home-search-card input::placeholder{
  color:var(--wb-home-search-input-placeholder, #6f7378);
  opacity:1;
}

.wb-home-search-card .wb-filter-searchterm-prominent input{
  background:var(--wb-home-search-input-bg, #fff) !important;
  color:var(--wb-home-search-input-text, #101214);
}

.wb-home-search-card .choices,
.wb-home-search-card .choices::before,
.wb-home-search-card .choices::after{
  box-shadow:none !important;
}

.wb-home-search-card .choices{
  position:relative;
  z-index:10060;
}

.wb-home-search-card .choices.is-open{
  z-index:10080;
}

.wb-home-search-card .choices[data-type*="select-one"] .choices__input{
  display:none !important;
}

.wb-home-search-card .choices__list--dropdown,
.wb-home-search-card .choices__list[aria-expanded]{
  display:none !important;
  height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
  box-shadow:none !important;
}

.wb-home-search-card .choices__list--dropdown.is-active,
.wb-home-search-card .choices__list[aria-expanded].is-active{
  display:block !important;
  height:auto !important;
  max-height:320px !important;
  overflow:auto !important;
  border:1px solid var(--wb-line) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.14) !important;
  z-index:10090 !important;
}

.wb-home-hero + .wb-section,
.wb-home-hero ~ .wb-section{
  position:relative;
  z-index:1;
}

.wb-home-search-card .choices__list--dropdown .choices__list,
.wb-home-search-card .choices__list[aria-expanded] .choices__list{
  max-height:250px !important;
  overflow-y:auto !important;
}

.wb-home-search-card .choices__list--dropdown .choices__item,
.wb-home-search-card .choices__list[aria-expanded] .choices__item{
  display:block !important;
  color:#202124;
  background:#fff;
}

.wb-home-search-card .choices:not(.is-open) .choices__list--dropdown,
.wb-home-search-card .choices:not(.is-open) .choices__list[aria-expanded],
.wb-home-search-card .choices__list--dropdown:not(.is-active),
.wb-home-search-card .choices__list[aria-expanded]:not(.is-active){
  display:none !important;
  height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

.wb-home-search-card .choices__list--dropdown .choices__input,
.wb-home-search-card .choices__list[aria-expanded] .choices__input{
  display:block !important;
  min-height:42px;
  font-size:16px;
}

.wb-home-search-card .wb-filter-searchterm-prominent label{
  position:absolute;
  left:-9999px;
}

.wb-home-search-card .wb-filter-searchterm-prominent input{
  font-size:18px;
  min-height:54px;
}

.wb-home-search-card .wb-filter-actions{
  align-items:flex-end;
}

.wb-home-search-card .wb-filter-actions button,
.wb-home-search-card .wb-filter-actions .wb-btn{
  min-height:54px;
  min-width:108px;
  border-radius:8px;
  padding:14px 22px;
  font-size:18px;
  box-shadow:0 8px 18px rgba(0,0,0,.24);
}

.wb-home-search-card .wb-filter-actions .wb-btn.alt{
  background:#111;
  color:#fff;
}

.wb-home-brand-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  width:min(1120px, calc(100% - 36px));
  margin:28px auto 0;
}

.wb-home-brand-card{
  display:block;
  padding:14px 22px 16px;
  border-radius:3px;
  background:rgba(255,255,255,.96);
  color:#171719;
  text-align:center;
  box-shadow:0 10px 22px rgba(0,0,0,.25);
}

.wb-home-brand-card:hover{
  text-decoration:none;
  transform:translateY(-1px);
}

.wb-home-brand-card strong{
  display:block;
  padding-bottom:8px;
  border-bottom:1px solid rgba(17,17,17,.22);
  font-size:31px;
  line-height:1.05;
  font-weight:800;
}

.wb-home-brand-card span{
  display:block;
  margin-top:10px;
  color:#171719;
  font-size:16px;
  font-weight:800;
}

@media (min-width:901px){
  .wb-home-hero--no-brand-strip .wb-home-search-card{
    margin-top:68px;
  }
}

@media (max-width:1200px){
  .wb-home-search-card .wb-filterbar-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .wb-home-search-card .wb-filter-actions{
    grid-column:1 / -1;
  }
}

@media (max-width:900px){
  .wb-home-hero,
  .wb-home-hero.wb-hero--image{
    min-height:0;
    padding:72px 0 28px;
  }
  .wb-home-hero-copy{
    margin-bottom:34px;
  }
  .wb-hero-benefits{
    justify-content:flex-start;
    gap:18px 26px;
    width:100%;
  }
  .wb-hero-benefits li{
    font-size:19px;
  }
  .wb-home-brand-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:680px){
  .wb-home-hero h2{
    font-size:clamp(34px, 10vw, var(--wb-home-hero-title-size, 72px));
  }
  .wb-hero-benefits{
    align-items:flex-start;
    flex-direction:column;
    width:max-content;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  .wb-home-search-card{
    padding:20px;
  }
  .wb-home-search-card h3{
    font-size:min(24px, var(--wb-home-search-title-size, 28px)) !important;
  }
  .wb-home-search-card .wb-filterbar-grid,
  .wb-home-brand-strip{
    grid-template-columns:1fr;
  }
  .wb-home-search-card .wb-filter-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .wb-home-search-card .wb-filter-actions button,
  .wb-home-search-card .wb-filter-actions .wb-btn{
    width:100%;
  }
}