/* Vlemmix Suite v8.16.1 — targeted Impreza header restyle */

:root{
  --vmxh-red:#98171c;
  --vmxh-red2:#7c1015;
  --vmxh-red3:#5f0d11;
  --vmxh-dark:#332c28;
  --vmxh-dark2:#261f1c;
  --vmxh-gold:#dfb44e;
  --vmxh-gold2:#f3d985;
  --vmxh-line:rgba(223,180,78,.32);
}

/* Entire header */
#page-header.l-header{
  box-shadow:0 14px 34px rgba(25,7,6,.22)!important;
  overflow:visible!important;
}

/* Announcement bar */
#page-header .l-subheader.at_top{
  min-height:30px!important;
  background:linear-gradient(90deg,#b43c41 0%,#cc5559 50%,#b43c41 100%)!important;
  border-bottom:1px solid rgba(243,217,133,.24)!important;
}
#page-header .l-subheader.at_top .l-subheader-h{
  min-height:30px!important;
}
#page-header .ush_text_1{
  font-size:.84rem!important;
  letter-spacing:.01em!important;
  color:#fff!important;
  font-weight:800!important;
}

/* Middle brand strip */
#page-header .l-subheader.at_middle{
  position:relative!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 73% 26%,rgba(243,217,133,.11),transparent 24%),
    linear-gradient(120deg,#a11b20 0%,#8e1419 48%,#771015 100%)!important;
  border-bottom:1px solid var(--vmxh-line)!important;
}
#page-header .l-subheader.at_middle:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(243,217,133,.42),transparent);
  pointer-events:none;
}
#page-header .l-subheader.at_middle .l-subheader-h{
  min-height:102px!important;
  overflow:visible!important;
}

/* Actual logo element */
#page-header .ush_image_1{
  position:relative!important;
  z-index:6!important;
  margin-top:-2px!important;
  margin-bottom:-18px!important;
}
#page-header .ush_image_1 .w-image-h{
  display:block!important;
  overflow:visible!important;
}
#page-header .ush_image_1 img{
  width:190px!important;
  max-width:190px!important;
  height:auto!important;
  filter:drop-shadow(0 11px 12px rgba(30,5,5,.34))!important;
  transform:translateY(5px)!important;
  transition:transform .18s ease,filter .18s ease!important;
}
#page-header .ush_image_1:hover img{
  transform:translateY(3px) scale(1.018)!important;
  filter:drop-shadow(0 13px 15px rgba(30,5,5,.38))!important;
}

/* WhatsApp action */
#page-header .ush_image_2{
  position:relative!important;
}
#page-header .ush_image_2 .w-image-h{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:62px!important;
  height:62px!important;
  padding:7px!important;
  border:1px solid rgba(243,217,133,.34)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.065)!important;
  box-shadow:0 8px 18px rgba(31,7,7,.18)!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
#page-header .ush_image_2 .w-image-h:hover{
  transform:translateY(-2px)!important;
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(243,217,133,.56)!important;
}
#page-header .ush_image_2 img{
  width:48px!important;
  height:48px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}

/* Bottom nav strip */
#page-header .l-subheader.at_bottom{
  position:relative!important;
  z-index:4!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.05)),
    linear-gradient(90deg,#312925 0%,#3b332f 50%,#312925 100%)!important;
  border-top:1px solid rgba(255,255,255,.03)!important;
  border-bottom:1px solid rgba(223,180,78,.16)!important;
  box-shadow:0 8px 20px rgba(20,6,5,.14)!important;
}
#page-header .l-subheader.at_bottom .l-subheader-h{
  min-height:48px!important;
}

/* Main menu */
#page-header .ush_menu_1 .w-nav-list.level_1{
  gap:2px!important;
}
#page-header .ush_menu_1 .w-nav-anchor.level_1{
  position:relative!important;
  min-height:48px!important;
  padding:0 17px!important;
  color:#fff!important;
  font-weight:850!important;
  letter-spacing:.015em!important;
  text-transform:uppercase!important;
  font-size:.91rem!important;
  transition:color .18s ease,background .18s ease!important;
}
#page-header .ush_menu_1 .w-nav-anchor.level_1:hover{
  color:var(--vmxh-gold2)!important;
  background:rgba(255,255,255,.025)!important;
}
#page-header .ush_menu_1 .current-menu-item > .w-nav-anchor.level_1,
#page-header .ush_menu_1 .current-menu-ancestor > .w-nav-anchor.level_1,
#page-header .ush_menu_1 .current_page_item > .w-nav-anchor.level_1{
  color:#f28a8e!important;
}
#page-header .ush_menu_1 .current-menu-item > .w-nav-anchor.level_1:after,
#page-header .ush_menu_1 .current-menu-ancestor > .w-nav-anchor.level_1:after,
#page-header .ush_menu_1 .current_page_item > .w-nav-anchor.level_1:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:4px;
  width:34px;
  height:3px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--vmxh-gold),transparent);
  box-shadow:0 0 10px rgba(223,180,78,.42);
}

/* Dropdown */
#page-header .ush_menu_1 .w-nav-list.level_2{
  margin-top:7px!important;
  border:1px solid rgba(223,180,78,.22)!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#322925!important;
  box-shadow:0 18px 38px rgba(0,0,0,.26)!important;
}
#page-header .ush_menu_1 .w-nav-anchor.level_2{
  color:#fff!important;
}
#page-header .ush_menu_1 .w-nav-anchor.level_2:hover{
  background:rgba(223,180,78,.09)!important;
  color:var(--vmxh-gold2)!important;
}

/* Right utility cluster */
#page-header .l-subheader.at_bottom .l-subheader-cell.at_right{
  gap:8px!important;
}
#page-header .ush_text_2 .w-text-h,
#page-header .ush_cart_1 .w-cart-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  color:#fff!important;
  transition:all .18s ease!important;
}
#page-header .ush_text_2 .w-text-h:hover,
#page-header .ush_cart_1 .w-cart-link:hover{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(223,180,78,.22)!important;
  color:var(--vmxh-gold2)!important;
  transform:translateY(-1px)!important;
}
#page-header .ush_text_2 i,
#page-header .ush_cart_1 i{
  font-size:1.25rem!important;
}

/* Cart badge */
#page-header .ush_cart_1 .w-cart-quantity{
  min-width:18px!important;
  height:18px!important;
  line-height:16px!important;
  padding:0 4px!important;
  background:var(--vmxh-gold)!important;
  color:#321913!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 3px 8px rgba(0,0,0,.24)!important;
  font-size:10px!important;
  font-weight:900!important;
}

/* Mini cart */
#page-header .ush_cart_1 .w-cart-content{
  margin-top:8px!important;
  border:1px solid rgba(223,180,78,.22)!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#322925!important;
  color:#fff!important;
  box-shadow:0 18px 38px rgba(0,0,0,.26)!important;
}
#page-header .ush_cart_1 .woocommerce-mini-cart__empty-message{
  color:rgba(255,255,255,.74)!important;
}

/* Tablet/mobile */
@media(max-width:900px){
  #page-header .l-subheader.at_middle .l-subheader-h{
    min-height:82px!important;
  }
  #page-header .ush_image_1{
    margin-bottom:-10px!important;
  }
  #page-header .ush_image_1 img{
    width:145px!important;
    max-width:145px!important;
  }
  #page-header .ush_image_2 .w-image-h{
    width:50px!important;
    height:50px!important;
    padding:5px!important;
    border-radius:14px!important;
  }
  #page-header .ush_image_2 img{
    width:40px!important;
    height:40px!important;
  }
  #page-header .ush_menu_1 .w-nav-list.level_1{
    background:#2e2723!important;
    border-top:1px solid rgba(223,180,78,.18)!important;
  }
  #page-header .ush_menu_1 .w-nav-anchor.level_1{
    text-transform:none!important;
    font-size:1rem!important;
    min-height:44px!important;
  }
}

@media(max-width:600px){
  #page-header .l-subheader.at_top .l-subheader-h{
    min-height:28px!important;
  }
  #page-header .ush_text_1{
    font-size:.76rem!important;
  }
  #page-header .ush_image_1 img{
    width:128px!important;
    max-width:128px!important;
  }
}

/* Vlemmix Suite v10.9.2 — nette interactieve mini-winkelwagen */
#page-header .ush_cart_1{position:relative!important}
#page-header .ush_cart_1 .w-cart-content{
  width:360px!important;
  max-width:calc(100vw - 24px)!important;
  padding:0!important;
  margin-top:10px!important;
  border:1px solid rgba(223,180,78,.34)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:linear-gradient(160deg,#392d28 0%,#2c2421 100%)!important;
  color:#fff!important;
  box-shadow:0 22px 55px rgba(0,0,0,.42)!important;
}
#page-header .ush_cart_1.vs-cart-open .w-cart-content{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#page-header .ush_cart_1 .vs-cart-titlebar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px 11px;
  border-bottom:1px solid rgba(223,180,78,.15);
  font-weight:900;
  font-size:15px;
  color:#fff7e8;
}
#page-header .ush_cart_1 .vs-cart-close{
  appearance:none;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.72);
  width:30px;
  height:30px;
  border-radius:8px;
  cursor:pointer;
  font-size:23px;
  line-height:28px;
  padding:0;
}
#page-header .ush_cart_1 .vs-cart-close:hover{background:rgba(255,255,255,.08);color:#fff}
#page-header .ush_cart_1 .widget_shopping_cart_content{padding:12px 16px 16px!important}
#page-header .ush_cart_1 ul.woocommerce-mini-cart{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  max-height:310px!important;
  overflow:auto!important;
  scrollbar-width:thin;
}
#page-header .ush_cart_1 li.woocommerce-mini-cart-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:10px!important;
  min-height:68px!important;
  margin:0!important;
  padding:8px 30px 8px 0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;
}
#page-header .ush_cart_1 li.woocommerce-mini-cart-item:last-child{border-bottom:0!important}
#page-header .ush_cart_1 li.woocommerce-mini-cart-item>a:not(.remove){
  display:contents!important;
  color:#fff!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-decoration:none!important;
}
#page-header .ush_cart_1 li.woocommerce-mini-cart-item img{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:58px!important;
  height:58px!important;
  object-fit:cover!important;
  border-radius:9px!important;
  margin:0!important;
  background:#fff!important;
}
#page-header .ush_cart_1 li.woocommerce-mini-cart-item .quantity{
  grid-column:2!important;
  color:rgba(255,255,255,.72)!important;
  font-size:12px!important;
  margin-top:3px!important;
}
#page-header .ush_cart_1 li.woocommerce-mini-cart-item a.remove{
  position:absolute!important;
  right:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:26px!important;
  height:26px!important;
  border-radius:8px!important;
  background:rgba(182,27,31,.12)!important;
  color:#e76464!important;
  font-size:20px!important;
  line-height:1!important;
}
#page-header .ush_cart_1 li.woocommerce-mini-cart-item a.remove:hover{background:#a9181d!important;color:#fff!important}
#page-header .ush_cart_1 .woocommerce-mini-cart__total{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:16px!important;
  margin:10px 0 12px!important;
  padding:12px 0 0!important;
  border-top:1px solid rgba(223,180,78,.2)!important;
  color:#fff!important;
  font-size:14px!important;
}
#page-header .ush_cart_1 .woocommerce-mini-cart__total strong{color:rgba(255,255,255,.72)!important}
#page-header .ush_cart_1 .woocommerce-mini-cart__total .woocommerce-Price-amount{font-size:16px!important;font-weight:900!important;color:#fff7e8!important}
#page-header .ush_cart_1 .woocommerce-mini-cart__buttons{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
  margin:0!important;
}
#page-header .ush_cart_1 .woocommerce-mini-cart__buttons a.button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  margin:0!important;
  padding:9px 12px!important;
  border-radius:9px!important;
  border:1px solid #d7a63b!important;
  background:transparent!important;
  color:#f1d27a!important;
  font-weight:900!important;
  font-size:13px!important;
  text-align:center!important;
  line-height:1.2!important;
}
#page-header .ush_cart_1 .woocommerce-mini-cart__buttons a.checkout{
  border-color:#ae1a20!important;
  background:#ae1a20!important;
  color:#fff!important;
}
#page-header .ush_cart_1 .woocommerce-mini-cart__buttons a.button:hover{filter:brightness(1.08)!important;transform:none!important}
#page-header .ush_cart_1 .woocommerce-mini-cart__empty-message{
  margin:0!important;
  padding:16px 2px!important;
  color:rgba(255,255,255,.76)!important;
  text-align:center!important;
}
.vs-cart-backdrop{display:none}

@media(max-width:900px){
  body.vs-cart-panel-open{overflow:hidden!important}
  /* De backdrop staat in <body>, terwijl Impreza's header een eigen stacking
     context heeft. Zet alleen tijdens een geopende mobiele cart de header
     boven de backdrop; anders kan de backdrop de hele cart onklikbaar maken. */
  body.vs-cart-panel-open #page-header{
    z-index:99999!important;
    pointer-events:none!important;
  }
  body.vs-cart-panel-open #page-header .ush_cart_1{
    position:relative!important;
    z-index:100000!important;
    pointer-events:auto!important;
  }
  .vs-cart-backdrop{
    position:fixed;
    inset:0;
    z-index:99997;
    display:block;
    opacity:0;
    visibility:hidden;
    background:rgba(20,8,8,.58);
    backdrop-filter:blur(2px);
    transition:opacity .2s ease,visibility .2s ease;
  }
  body.vs-cart-panel-open .vs-cart-backdrop{opacity:1;visibility:visible}
  #page-header .ush_cart_1 .w-cart-content{
    position:fixed!important;
    z-index:99998!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    top:auto!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(78vh,680px)!important;
    margin:0!important;
    border-radius:20px!important;
    transform:translateY(calc(100% + 28px))!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .24s ease,opacity .2s ease,visibility .2s ease!important;
    overflow:auto!important;
  }
  #page-header .ush_cart_1.vs-cart-open .w-cart-content{
    transform:translateY(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  #page-header .ush_cart_1 .vs-cart-titlebar{position:sticky;top:0;z-index:5;background:#322925;padding:16px 17px 12px;font-size:16px;pointer-events:auto!important}
  #page-header .ush_cart_1 .vs-cart-close{position:relative;z-index:6;pointer-events:auto!important;touch-action:manipulation}
  #page-header .ush_cart_1 .vs-cart-titlebar:before{content:"";position:absolute;top:5px;left:50%;width:42px;height:4px;transform:translateX(-50%);border-radius:999px;background:rgba(255,255,255,.2)}
  #page-header .ush_cart_1 .widget_shopping_cart_content{padding:12px 16px 18px!important}
  #page-header .ush_cart_1 ul.woocommerce-mini-cart{max-height:42vh!important}
  #page-header .ush_cart_1 .woocommerce-mini-cart__buttons{grid-template-columns:1fr!important}
  #page-header .ush_cart_1 .woocommerce-mini-cart__buttons a.button{min-height:46px!important}
}