/* 105.0.45 - lichte grijze accenten, met Van Hameren-blauw als primaire merk- en actiekleur. */

:root{
  --vh-grey-25:#fbfcfc;
  --vh-grey-50:#f6f8f9;
  --vh-grey-75:#f1f4f6;
  --vh-grey-100:#ebf0f3;
  --vh-grey-150:#e2e9ed;
  --vh-grey-200:#d5e0e6;
  --vh-grey-text:#58707e;
}

body{background:var(--vh-grey-50)}

/* Bovenste servicestrook: licht en rustig in plaats van nog een extra sterke kleurlaag. */
.top-strip{
  background:linear-gradient(180deg,#f7f9fa 0%,#edf2f4 100%)!important;
  color:#17394a!important;
  border-bottom:1px solid #dbe4e9!important;
  box-shadow:none!important;
}
.top-strip::after{display:none!important}
.top-strip__inner span,.top-strip__inner a{color:#17394a!important}
.top-strip__inner a:hover,.top-strip__inner a:focus-visible{color:#078fc5!important}

/* Hoofdheader blijft wit, maar krijgt een zachtere grijze omlijsting. */
.site-header{
  background:#fff!important;
  border-bottom:1px solid #dce5e9!important;
  box-shadow:0 6px 18px rgba(32,67,86,.06)!important;
}
.header-search{
  border-color:#d4e0e6!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(33,70,90,.045)!important;
}
.header-search:focus-within{
  border-color:#8fcbe3!important;
  box-shadow:0 0 0 3px rgba(7,143,197,.09),0 6px 18px rgba(33,70,90,.06)!important;
}

/* Navigatie blijft merkblauw; Categorieën krijgt juist een lichte grijze basis. */
.main-nav{box-shadow:0 5px 14px rgba(7,85,126,.10)!important}
.category-menu-button{
  background:linear-gradient(180deg,#ffffff 0%,#eef3f6 100%)!important;
  border:1px solid #d2dee4!important;
  color:#12384d!important;
  box-shadow:0 5px 12px rgba(28,69,91,.08)!important;
}
.category-menu-button:hover,.category-menu-button:focus-visible{
  background:#e8eef2!important;
  border-color:#b9cbd5!important;
  color:#087fb5!important;
}
.category-menu-button svg{color:#087fb5!important}

/* Groot categorie-menu op desktop: lichtgrijze drager met witte kaarten. */
@media (min-width:901px){
  .step-menu.step-menu--desktop{
    background:linear-gradient(180deg,#f4f7f8 0%,#e9eff2 100%)!important;
    color:#17394a!important;
    border-right:1px solid #ccd9df!important;
    box-shadow:30px 0 70px rgba(26,55,70,.18)!important;
  }
  .step-menu--desktop .step-menu__head{
    border-bottom:1px solid #d4e0e6!important;
  }
  .step-menu--desktop .step-menu__head img{
    filter:none!important;
  }
  .step-menu--desktop .step-menu__head button{
    background:#fff!important;
    border:1px solid #ccd9df!important;
    color:#17394a!important;
    box-shadow:0 4px 10px rgba(31,68,88,.06)!important;
  }
  .step-menu--desktop .step-menu__head button:hover{
    background:#e7eef2!important;
    color:#087fb5!important;
  }
  .step-menu--desktop .step-menu__title{
    color:#456474!important;
    border-bottom-color:#cbd8df!important;
  }
  .step-menu--desktop .step-link{
    border-color:#d5e0e6!important;
    background:#fff!important;
    box-shadow:0 7px 18px rgba(30,66,86,.055)!important;
  }
  .step-menu--desktop .step-link:hover,
  .step-menu--desktop .step-link.active{
    background:#fbfcfd!important;
    border-color:#9dcfe1!important;
    box-shadow:0 11px 24px rgba(30,66,86,.10)!important;
  }
  .step-menu--desktop .step-link__icon{
    background:linear-gradient(145deg,#f5f8f9,#e4edf1)!important;
  }
}

/* Homepage: meer lichte vlakken tussen de inhoud. */
.home-pro-trust{
  background:#f7f9fa!important;
  border-bottom-color:#dce5e9!important;
}
.home-pro-trust .trust-item{border-right-color:#dce5e9!important}
.home-pro-trust .trust-item>svg{
  background:#eaf2f5!important;
  color:#087fb5!important;
}
.home-pro-section{background:#fff!important}
.home-pro-section--products{background:#f4f7f8!important}
.home-pro-section--stories{background:#edf2f4!important}
.home-pro-product-grid>.product-card{
  border-color:#dbe4e8!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(31,67,86,.05)!important;
}
.home-pro-section--stories .home-story-card{
  border:1px solid #d9e3e8!important;
  box-shadow:0 8px 20px rgba(31,67,86,.055)!important;
}

/* Algemene categorie- en informatiepagina's. */
.page-banner,.category-page-banner{
  background:linear-gradient(180deg,#fafbfc 0%,#f1f5f7 100%)!important;
  border-bottom:1px solid #dbe4e9!important;
}
.catalog-shell{background:#f5f8f9!important}
.catalog-layout{column-gap:24px!important}
.sidebar,.category-sidebar,.search-filter-sidebar,
.catalog-toolbar,.catalog-deep-intro,.filter-panel,
.product-info,.variant-table,.checkout-page-card{
  border-color:#d7e2e7!important;
}
.sidebar,.category-sidebar,.search-filter-sidebar,
.catalog-toolbar,.catalog-deep-intro,.filter-panel{
  background:#fff!important;
  box-shadow:0 5px 15px rgba(31,67,86,.04)!important;
}
.sidebar-link:hover,.sidebar-sublink:hover{
  background:#eef3f6!important;
}
.sidebar-link.active,.sidebar-sublink.active{
  background:#e4edf2!important;
  color:#12384d!important;
  box-shadow:inset 4px 0 0 #078fc5!important;
}
.filter-chip{
  background:#f7f9fa!important;
  border-color:#d7e2e7!important;
}
.filter-chip:hover{background:#edf2f5!important}
.filter-chip.active{
  background:#e1edf3!important;
  border-color:#9fcddd!important;
  color:#0d4a68!important;
}

/* Productkaarten: zachtere contouren, belangrijke actie blijft blauw. */
.product-card{
  background:#fff!important;
  border-color:#d8e3e8!important;
  box-shadow:0 6px 18px rgba(30,66,86,.045)!important;
}
.product-card:hover{
  border-color:#bdd4df!important;
  box-shadow:0 11px 25px rgba(30,66,86,.08)!important;
}
.product-card__price-panel,.product-card__stock-summary{
  background:#f7f9fa!important;
  border-color:#e1e8ec!important;
}
.product-card__choose,.product-card__choose--calm,.product-card__choose--3d,
#addSelectedToCart,.button-primary{
  background:linear-gradient(135deg,#078fc5,#0078b5)!important;
  color:#fff!important;
}
.button-secondary{
  background:#f4f7f8!important;
  border-color:#ccdbe2!important;
  color:#17394a!important;
}
.button-secondary:hover,.button-secondary:focus-visible{
  background:#e7eef2!important;
  border-color:#a9c2ce!important;
}

/* Productdetail en zaagservice: lichte technische panelen. */
.product-page{background:#f5f8f9!important}
.product-info{background:#fff!important}
.live-status{background:#f1f6f8!important;border-color:#d8e6eb!important}
.product-saw-intro{
  background:#f2f6f8!important;
  border-color:#d6e3e9!important;
}
.cut-callout--featured{
  background:linear-gradient(180deg,#fff 0%,#f3f6f8 100%)!important;
  border-color:#d4e0e6!important;
  box-shadow:0 7px 18px rgba(30,66,86,.05)!important;
}

/* 105.0.46 - footer terug naar de luxe donkerblauwe oude stijl. */
.site-footer{
  background:#0b3146!important;
  color:#fff!important;
  border-top:0!important;
}
.site-footer h2,.site-footer h3,.site-footer strong{color:#fff!important}
.site-footer a{color:#cadde6!important}
.site-footer a:hover,.site-footer a:focus-visible{color:#fff!important}
.site-footer p,.site-footer span,.site-footer small{color:#caddE6!important}
.site-footer .footer-bottom{
  border-top-color:rgba(255,255,255,.15)!important;
  color:#a9c3cf!important;
}
.site-footer .footer-grid img{filter:brightness(0) invert(1)!important}

@media(max-width:760px){
  body{background:#f5f8f9}
  .mobile-bottom-nav{
    background:#fff!important;
    border-top-color:#d9e3e8!important;
    box-shadow:0 -5px 16px rgba(31,67,86,.06)!important;
  }
  .home-pro-trust{background:#f7f9fa!important}
}