/*
 * 105.0.51 - Huurpontons inspired palette
 * Behoudt de knopvormen/spacing van Premium Blue 105.0.50,
 * maar maakt de totale kleurstelling lichter, frisser en meer Van Hameren-blauw.
 */

:root{
  --vh-hp-blue:#078fc5;
  --vh-hp-blue-2:#0b9bd5;
  --vh-hp-blue-dark:#006da3;
  --vh-hp-blue-deep:#075b89;
  --vh-hp-sky:#eaf6fb;
  --vh-hp-sky-2:#f3f9fc;
  --vh-hp-grey:#f4f6f7;
  --vh-hp-line:#d7e4ea;
  --vh-hp-ink:#15384d;
  --vh-hp-muted:#667f8d;
}

html,body{background:#f4f6f7!important;color:var(--vh-hp-ink)!important}

/* Bovenbalk: helder blauw in plaats van zwaar marineblauw */
.top-strip{
  background:linear-gradient(90deg,#087fb5 0%,#0795c9 52%,#087fb5 100%)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.top-usp{border-right-color:rgba(255,255,255,.24)!important}
.top-usp strong,.top-strip__login,.top-review-inline a{color:#fff!important}
.top-usp small,.top-review-inline .google-review-bar__text{color:#eaf8fd!important}
.top-strip__login{border-left-color:rgba(255,255,255,.24)!important}

/* Header: veel wit, subtiel lichtblauw/grijs */
.site-header{
  background:#fff!important;
  box-shadow:0 5px 18px rgba(32,82,108,.07)!important;
}
.header-search{
  border-color:#cfe0e8!important;
  box-shadow:0 6px 18px rgba(42,91,116,.06)!important;
}
.header-search>button{
  background:linear-gradient(180deg,#0b9bd5,#0787bf)!important;
  box-shadow:0 6px 14px rgba(7,143,197,.20)!important;
}
.header-assurances{color:#36596c!important}
.header-assurances svg{stroke:var(--vh-hp-blue)!important}
.header-action:hover{background:#eef8fc!important}
.cart-button b{background:var(--vh-hp-blue)!important}

/* Navigatie: zelfde mooie knopvormen, maar duidelijk lichter blauw */
.main-nav{
  background:linear-gradient(90deg,#087eb6 0%,#0795ca 50%,#087eb6 100%)!important;
  border-bottom:1px solid #0673a9!important;
  box-shadow:0 6px 16px rgba(7,104,153,.16)!important;
}
.category-menu-button,
.main-nav__inner>.nav-main-link,
.main-nav__inner>.nav-contact-link,
.main-nav__inner>a{
  background:linear-gradient(180deg,rgba(24,164,215,.88),rgba(4,122,177,.88))!important;
  border-color:rgba(255,255,255,.30)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 4px 10px rgba(0,84,128,.10)!important;
}
.category-menu-button{
  background:linear-gradient(180deg,#fdfefe,#eef5f8)!important;
  color:#174257!important;
  border-color:#d1e0e7!important;
}
.category-menu-button:hover,
.main-nav__inner>.nav-main-link:hover,
.main-nav__inner>.nav-contact-link:hover,
.main-nav__inner>a:hover,
.main-nav__inner>.active{
  background:#fff!important;
  color:#087db5!important;
  border-color:#fff!important;
  box-shadow:0 7px 17px rgba(0,90,136,.15)!important;
}

/* Hero: minder donker, meer transparant helder blauw */
.hero,.home-pro-hero{background-color:#0b729f!important}
.hero::after,.home-pro-hero::after{
  background:linear-gradient(90deg,rgba(5,77,112,.78),rgba(6,118,161,.48) 52%,rgba(5,74,108,.62))!important;
}
.hero__content h1,.home-pro-hero__content h1{text-shadow:0 2px 14px rgba(0,50,78,.18)!important}
.hero__content p,.home-pro-hero__content p{color:#f3fbfe!important}
.hero-search{box-shadow:0 14px 30px rgba(0,73,108,.18)!important}

/* Pagina's: wit + koel lichtgrijs/lichtblauw */
.page-banner,.category-page-banner{
  background:linear-gradient(180deg,#f9fbfc 0%,#eef6f9 100%)!important;
  border-bottom-color:#d8e6ec!important;
}
.section.alt,.catalog-shell{background:#f3f6f7!important}
.section.white{background:#fff!important}
.catalog-toolbar,.catalog-deep-intro,.filter-panel,
.sidebar,.category-sidebar,.search-filter-sidebar,
.product-info,.variant-table,.checkout-page-card{
  border-color:#d7e4ea!important;
}
.catalog-toolbar,.catalog-deep-intro,.filter-panel,
.sidebar,.category-sidebar,.search-filter-sidebar{
  background:#fff!important;
  box-shadow:0 5px 15px rgba(34,78,101,.045)!important;
}
.sidebar-link:hover,.sidebar-sublink:hover{background:#edf7fb!important}
.sidebar-link.active,.sidebar-sublink.active{
  background:#e2f3fa!important;
  color:#14526f!important;
  box-shadow:inset 4px 0 0 #078fc5!important;
}
.filter-chip{background:#f7fafb!important;border-color:#d7e4ea!important}
.filter-chip:hover{background:#edf6fa!important}
.filter-chip.active{background:#dff2fa!important;border-color:#9fd2e5!important;color:#0b5f85!important}

/* Productkaarten: helder, licht en zakelijk */
.product-card{
  background:#fff!important;
  border-color:#d8e5ea!important;
  box-shadow:0 6px 17px rgba(34,78,101,.045)!important;
}
.product-card:hover{
  border-color:#afd3e2!important;
  box-shadow:0 11px 24px rgba(34,78,101,.08)!important;
}
.product-card__price-panel,.product-card__stock-summary{
  background:#f7fafb!important;
  border-color:#e1e9ed!important;
}

/* Primaire acties blijven dezelfde vorm, alleen helderder blauw */
.product-card__choose,.product-card__choose--calm,.product-card__choose--3d,
#addSelectedToCart,.button-primary,.cut-callout__action{
  background:linear-gradient(180deg,#0b9bd5,#0785bc)!important;
  color:#fff!important;
  border-color:#087eb4!important;
}
.product-card__choose:hover,.button-primary:hover,#addSelectedToCart:hover{
  background:linear-gradient(180deg,#078cc7,#066fa7)!important;
}
.button-secondary{
  background:#f4f8fa!important;
  border-color:#d2e0e7!important;
  color:#174257!important;
}

/* Assortimentmenu: lichtblauwe drager */
.step-menu.step-menu--desktop,
.step-menu{
  background:linear-gradient(180deg,#edf8fc 0%,#dceff6 100%)!important;
  color:#173d52!important;
  border-right-color:#c7dce5!important;
}
.step-menu__head,.step-menu--desktop .step-menu__head{
  background:rgba(255,255,255,.32)!important;
  border-bottom-color:#d3e3e9!important;
}
.step-menu__title,.step-menu--desktop .step-menu__title{
  background:rgba(7,143,197,.06)!important;
  color:#476878!important;
}
.step-link,.step-menu--desktop .step-link{
  background:#fff!important;
  border-color:#d5e3e9!important;
  color:#173d52!important;
  box-shadow:0 6px 16px rgba(32,77,99,.05)!important;
}
.step-link:hover,.step-link.active,
.step-menu--desktop .step-link:hover,.step-menu--desktop .step-link.active{
  background:#fbfdfe!important;
  border-color:#9fd1e4!important;
}

/* Footer: nog steeds luxe, maar minder zwaar dan Premium Blue */
.site-footer,footer.footer,.footer-main{
  background:linear-gradient(180deg,#075b89 0%,#064b73 100%)!important;
  color:#fff!important;
}
.site-footer h3,.site-footer strong,footer.footer h3,footer.footer strong{color:#fff!important}
.site-footer a,footer.footer a{color:#e8f7fc!important}
.site-footer a:hover,footer.footer a:hover{color:#fff!important}
.site-footer p,.site-footer small,footer.footer p,footer.footer small{color:#cfe6f0!important}

/* Kleine accenten */
a{accent-color:var(--vh-hp-blue)}
::selection{background:#cceefa;color:#12384d}

@media(max-width:900px){
  .top-strip{background:#087fb5!important}
  .main-nav{background:linear-gradient(180deg,#078fc5,#077db6)!important}
}