/* Hazendans – header (Elementor header-sjabloon 5418) */
.hfeed.site:has(> #masthead > .elementor-5418){overflow:clip!important}
#masthead:has(> .elementor-5418){position:sticky!important;top:0;z-index:50;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.04)}
@media (min-width:601px){.admin-bar #masthead:has(> .elementor-5418){top:32px}}

/* Winkelmandknop */
.hz-cartbtn{display:inline-flex;align-items:center;gap:8px;background:#111;color:#fff!important;border-radius:999px;padding:10px 16px;font:600 14px/1 Inter,sans-serif;text-decoration:none!important;white-space:nowrap}
.hz-cartbtn:hover{background:#333}
.hz-cartbtn-count{background:#fff;color:#111;border-radius:999px;min-width:22px;height:22px;display:inline-grid;place-items:center;font-size:12px;padding:0 6px}
.elementor-5418 .elementor-widget-shortcode .elementor-shortcode{line-height:1}

@media (min-width:1025px){
  .elementor-5418 .elementor-element-353fd10 > .e-con-inner{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:32px!important;flex-wrap:nowrap!important}
  .elementor-5418 .elementor-element-71af5c0{width:auto!important;flex:0 0 auto!important}
  .elementor-5418 .elementor-element-ebfb78d img{width:230px!important;height:auto!important}
  .elementor-5418 .elementor-element-5a7151a{flex:1 1 auto!important;width:auto!important;margin:0!important}
  .elementor-5418 .elementor-element-5a7151a .menu{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important}
  .elementor-5418 .elementor-element-5a7151a .menu>li{margin:0!important;padding:0!important}
  .elementor-5418 .elementor-element-5a7151a .menu>li>a{font-family:Inter,sans-serif!important;font-size:15px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#111!important;padding:10px 12px!important;height:auto!important;line-height:1.2!important;text-decoration:none!important;border:0!important;background:none!important}
  .elementor-5418 .elementor-element-5a7151a .menu>li>a:hover{text-decoration:underline!important;text-underline-offset:6px}
  .elementor-5418 .elementor-element-5a7151a .menu li::before,
  .elementor-5418 .elementor-element-5a7151a .menu li::after,
  .elementor-5418 .elementor-element-5a7151a .menu a::before,
  .elementor-5418 .elementor-element-5a7151a .menu a::after,
  .elementor-5418 .elementor-element-5a7151a .menu a *::before,
  .elementor-5418 .elementor-element-5a7151a .menu a *::after{display:none!important;content:none!important}
  .elementor-5418 .elementor-element-5a7151a .menu a *{text-decoration:none!important;border:0!important;background:none!important}
}

.elementor-5418 .hz-header-cart{width:auto!important;max-width:none!important;flex:0 0 auto!important;align-self:center!important;margin:0!important}


@media (min-width:1025px){.elementor-5418 .elementor-element-353fd10{padding-top:14px!important;padding-bottom:14px!important}}
/* lege strook onder de header weg (blok met Meta Pixel-code blijft werken) */
.elementor-5418 .elementor-element-3bfc62c{padding:0!important;height:0!important;min-height:0!important;overflow:hidden!important}
@media (min-width:1025px){
  .elementor-5418 .elementor-element-353fd10>.e-con-inner{padding-top:0!important;padding-bottom:0!important}
  .elementor-5418 .elementor-element-71af5c0{padding:0!important}
}

/* ---- 1.2.4: gsm/tablet (tot 1024px) ---- */
@media (max-width:1024px){
.primary-navigation:has(a[href*="#hz-"]){display:block!important}
.elementor-5418 .elementor-element-5a7151a .menu, .site-header.header-1 .primary-navigation .menu{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:2px 20px!important;margin:0!important;padding:0!important;list-style:none!important}
.elementor-5418 .elementor-element-5a7151a .menu>li, .site-header.header-1 .primary-navigation .menu>li{margin:0!important;padding:0!important;border:0!important}
.elementor-5418 .elementor-element-5a7151a .menu>li>a, .site-header.header-1 .primary-navigation .menu>li>a{font-family:Inter,sans-serif!important;font-size:15px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#111!important;padding:8px 0!important;height:auto!important;line-height:1.2!important;text-decoration:none!important;border:0!important;background:none!important;display:block!important}
.elementor-5418 .elementor-element-5a7151a .menu a *, .site-header.header-1 .primary-navigation .menu a *{background:none!important;text-decoration:none!important;border:0!important}
.elementor-5418 .elementor-element-5a7151a .menu li::before,.elementor-5418 .elementor-element-5a7151a .menu li::after,.elementor-5418 .elementor-element-5a7151a .menu a::before,.elementor-5418 .elementor-element-5a7151a .menu a::after,.elementor-5418 .elementor-element-5a7151a .menu a *::before,.elementor-5418 .elementor-element-5a7151a .menu a *::after,
.site-header.header-1 .primary-navigation .menu li::before,.site-header.header-1 .primary-navigation .menu li::after,.site-header.header-1 .primary-navigation .menu a::before,.site-header.header-1 .primary-navigation .menu a::after,.site-header.header-1 .primary-navigation .menu a *::before,.site-header.header-1 .primary-navigation .menu a *::after{display:none!important;content:none!important}
.site-header.header-1 .primary-navigation .sub-menu{display:none!important}
/* overige pagina's (product, webshop, winkelmand): geen hamburgermenu, menu onder het logo */
.site-header.header-1 .menu-mobile-nav-button{display:none!important}
.site-header.header-1 .header-main{flex-wrap:wrap!important}
.site-header.header-1 .header-center{display:block!important;width:100%!important;flex:0 0 100%!important;order:5;padding:4px 0 6px!important}
/* homepage: logo links, winkelmand rechts, menu eronder */
.elementor-5418 .elementor-element-353fd10>.e-con-inner{position:relative;padding:0 16px!important;gap:6px!important}
.elementor-5418 .elementor-element-71af5c0{align-items:flex-start!important;padding:0!important}
.elementor-5418 .elementor-element-ebfb78d{align-self:flex-start!important;text-align:left!important}
.elementor-5418 .elementor-element-ebfb78d img{width:170px!important;height:auto!important}
.elementor-5418 .elementor-element-5a7151a{width:100%!important}
.elementor-5418 .hz-header-cart{position:absolute!important;right:16px!important;top:12px!important;transform:none!important}
.hz-cartbtn-label{display:none}
}

/* ---- 1.2.5: winkelmand in thema-header (product, webshop, winkelmand) = zelfde zwarte knop als homepage ---- */
#masthead .site-header-cart a.cart-contents{display:inline-flex!important;align-items:center!important;gap:8px!important;background:#111!important;color:#fff!important;border-radius:999px!important;padding:10px 16px!important;font:600 14px/1 Inter,sans-serif!important;text-decoration:none!important;width:auto!important;height:auto!important;min-width:0!important;line-height:1!important;white-space:nowrap;border:0!important;box-shadow:none!important}
#masthead .site-header-cart a.cart-contents:hover{background:#333!important}
#masthead .site-header-cart a.cart-contents::before{content:""!important;display:inline-block!important;width:18px!important;height:18px!important;position:static!important;transform:none!important;margin:0!important;font-size:0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M6 7h12l-1 13H7L6 7z'/%3E%3Cpath d='M9 7a3 3 0 016 0'/%3E%3C/svg%3E") center/contain no-repeat!important;order:0}
#masthead .site-header-cart a.cart-contents::after{content:"Winkelmand"!important;display:inline!important;position:static!important;order:1;font:600 14px/1 Inter,sans-serif!important;color:#fff!important;background:none!important;width:auto!important;height:auto!important;border:0!important;transform:none!important;margin:0!important}
#masthead .site-header-cart a.cart-contents .count{order:2;position:static!important;transform:none!important;background:#fff!important;color:#111!important;border-radius:999px!important;min-width:22px!important;height:22px!important;display:inline-grid!important;place-items:center!important;font:600 12px/1 Inter,sans-serif!important;padding:0 6px!important;margin:0!important;top:auto!important;right:auto!important;left:auto!important;border:0!important;box-shadow:none!important}
@media (max-width:1024px){
  #masthead .site-header-cart a.cart-contents::after{content:none!important;display:none!important}
  #masthead .site-header-cart a.cart-contents{padding:10px 14px!important}
}