/*
 * INTERNETS LAGERIJ / PRIME HEADER PLUS V1.0.6 - LIVE CANDIDATE
 * Vervangt 1.0.5 in DEZELFDE pluginmap. Geen nieuwe laag.
 * Bron: actieve PRIME Header Master V5.14 / Heart & Cart V17.2 / Account V2
 * Principes: vaste desktoprails, optisch gecentreerde zoekkolom,
 * accounttekst niet overschrijven, 44px mobiele klikgebieden behouden.
 * Scope: uitsluitend Botiga Header Builder (.bhfb-desktop/.bhfb-mobile).
 * Geen scripts, geen hero- of menuwijzigingen, geen externe fonts.
 */

/* Desktop: originele Header Master bepaalt de componenten en functionaliteit.
   Alleen de hoofdregel wordt optisch verdeeld als drie gelijke rails met vaste centrumkolom.
   Daarmee kan een langere accountnaam niet de zoekbalk uit het midden drukken. */
@media (min-width:1025px) {
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-row-wrapper {
    box-sizing:border-box !important;
    width:calc(100% - 48px) !important;
    max-width:1320px !important;
    margin-inline:auto !important;
    padding-inline:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(310px,440px) minmax(0,1fr) !important;
    column-gap:clamp(16px,2vw,32px) !important;
    align-items:center !important;
  }
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-column-1,
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-column-2,
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-column-3 {
    box-sizing:border-box !important;
    min-width:0 !important;
    width:auto !important;
    align-items:center !important;
  }
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-column-1 {justify-content:flex-start !important;}
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-column-2 {justify-content:center !important;}
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-column-3 {justify-content:flex-end !important;}
  /* Scope van het logo is beperkt tot de header, niet sitewide. */
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-column-1 :is(.custom-logo-link,.is-prime-logo-link) {
    transform:none !important;
    margin:0 !important;
  }
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-column-1 :is(img.custom-logo,img.is-prime-logo,.custom-logo-link img,.is-prime-logo-link img) {
    width:min(100%,270px) !important;
    max-width:270px !important;
    height:auto !important;
  }
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-column-2 :is(.dgwt-wcas-search-wrapp,form[role="search"]) {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:440px !important;
    margin-inline:auto !important;
  }
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-column-3 a.wc-account-link {
    display:inline-flex !important;
    align-items:center !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
  }
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-column-3 a.wc-account-link .infoblock {
    white-space:nowrap !important;
  }
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-column-3 a.wc-account-link .nologin {
    box-sizing:border-box !important;
    border-radius:10px !important;
    padding:3px 8px !important;
  }
  body.isj-prime-header-precision-polish .bhfb-desktop .dgwt-wcas-search-input {
    min-height:52px !important;
    font-size:15px !important;
  }
}

/* Tussen 1025 en 1130 px: origineel account+logo krijgen extra ruimte.
   Centreer het zoeken alsnog, zonder stukken buiten de viewport te drukken. */
@media (min-width:1025px) and (max-width:1130px) {
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-row-wrapper {
    grid-template-columns:minmax(0,1fr) minmax(280px,360px) minmax(0,1fr) !important;
    column-gap:16px !important;
  }
  body.isj-prime-header-precision-polish .bhfb-desktop .bhfb-main_header_row .bhfb-column-1 :is(img.custom-logo,img.is-prime-logo,.custom-logo-link img,.is-prime-logo-link img) {
    max-width:240px !important;
  }
}

/* Geen nieuwe fontfamilie: Montserrat blijft de bestaande pagina-instelling. */

/* Alleen FiboSearch in de zichtbare header; geen mondiale inputstyling.
   Font blijft de bestaande Montserrat-stack, geen extra fontdownload. */
body.isj-prime-header-precision-polish :is(.bhfb-desktop, .bhfb-mobile) .dgwt-wcas-search-wrapp .dgwt-wcas-search-input {
  box-sizing: border-box !important;
  border: 1px solid #dae4ee !important;
  background: #fff !important;
  border-radius: 16px !important;
  color: #173f70 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  transition: border-color .16s ease, box-shadow .16s ease;
}
body.isj-prime-header-precision-polish :is(.bhfb-desktop, .bhfb-mobile) .dgwt-wcas-search-wrapp .dgwt-wcas-search-input::placeholder {
  color: #8392a6 !important;
  opacity: 1 !important;
}
body.isj-prime-header-precision-polish :is(.bhfb-desktop, .bhfb-mobile) .dgwt-wcas-search-wrapp .dgwt-wcas-search-input:focus-visible {
  outline: none !important;
  border-color: #9bb5d0 !important;
  box-shadow: 0 0 0 3px rgba(26,83,130,.09) !important;
}



/* Mobiel: behoud de stagingverdeling uit V1.0.5 en de twee oorspronkelijke rijen
   en reserveer een echte 44x44 hitbox per actie. */
@media (max-width: 767px) {
  body.isj-prime-header-precision-polish {
    /* Breedte komt uit CSS viewport (geen JS/reflow). Meer plek voor bediening. */
    --is-logo-mobile: clamp(104px, calc(100vw - 236px), 164px);
    --is-logo-mobile-box: clamp(104px, calc(100vw - 236px), 164px);
    --fc-icon-box: 44px;
    --fc-menu-box: 44px;
    --fc-icon-glyph: 25px;
    --fc-cart-glyph: 28px;
    --fc-account-gap: 3px;
    --fc-icon-gap: 3px;
    --fc-menu-gap: 12px;
    --fc-menu: #1b4966;
    --fc-mobile-row-min: 58px;
  }
  /* Ruimte van de zoekrij compact, zonder FiboSearch dropdown te knippen. */
  body.isj-prime-header-precision-polish .bhfb-mobile :is(.bhfb-above_header_row, .bhfb-below_header_row) .bhfb-row-wrapper {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .dgwt-wcas-search-wrapp .dgwt-wcas-search-input {
    min-height: 48px !important;
    font-size: 16px !important; /* voorkomt iOS auto-zoom */
    border-radius: 15px !important;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-main_header_row {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-main_header_row .bhfb-row-wrapper {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  /* Reserveer ruimte: logo krimpt eerst, de klikgebieden niet. */
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-main_header_row .bhfb-column-1 {
    flex: 0 0 var(--is-logo-mobile-box) !important;
    min-width: var(--is-logo-mobile-box) !important;
    width: var(--is-logo-mobile-box) !important;
    max-width: var(--is-logo-mobile-box) !important;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-main_header_row .bhfb-column-2 {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .custom-logo-link,
  body.isj-prime-header-precision-polish .bhfb-mobile .is-prime-logo-link,
  body.isj-prime-header-precision-polish .bhfb-mobile .custom-logo-link img,
  body.isj-prime-header-precision-polish .bhfb-mobile img.custom-logo {
    width: var(--is-logo-mobile) !important;
    max-width: var(--is-logo-mobile) !important;
    min-width: 0 !important;
  }
  /* Kolom blijft de originele volgorde account, cart, heart, menu. */
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-main_header_row .bhfb-column-3 {
    transform: none !important;
    min-width: calc(var(--fc-icon-box) * 4 + var(--fc-account-gap) + var(--fc-icon-gap) + var(--fc-menu-gap)) !important;
    min-height: 58px !important;
    overflow: visible !important;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-main_header_row .bhfb-column-3 > .bhfb-component-shortcode3 {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    flex: 0 0 44px !important;
    margin-right: var(--fc-account-gap) !important;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile a.header-item.wc-account-link {
    box-sizing: border-box !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    touch-action: manipulation;
    transform: none !important; /* V5.14 schaalde de account-hitbox naar 95%, nu echt 44px. */
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-main_header_row .bhfb-column-3 > .bhfb-component-woo_icons {
    box-sizing: border-box !important;
    width: calc(44px * 2 + var(--fc-icon-gap)) !important;
    min-width: calc(44px * 2 + var(--fc-icon-gap)) !important;
    max-width: calc(44px * 2 + var(--fc-icon-gap)) !important;
    height: 44px !important;
    margin-right: var(--fc-menu-gap) !important;
    gap: var(--fc-icon-gap) !important;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-component-woo_icons.fc-prime-v171-mobile > .fc-prime-v171-mobile-item,
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-component-woo_icons a.fc-prime-v171-cart,
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-component-woo_icons a.fc-prime-v171-heart {
    box-sizing: border-box !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    touch-action: manipulation;
  }
  /* Geen pointer proxy / touch interception. Alleen echte hamburgerknop boven zijn eigen zone. */
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-main_header_row .bhfb-column-3 > .bhfb-component-mobile_hamburger {
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 6 !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 11px !important;
    touch-action: manipulation;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-component-mobile_hamburger :is(a,button,.header-item) {
    box-sizing: border-box !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    border-radius: 11px !important;
    touch-action: manipulation;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-component-mobile_hamburger :is(a,button,.header-item):focus-visible,
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-component-woo_icons :is(a.fc-prime-v171-cart,a.fc-prime-v171-heart):focus-visible,
  body.isj-prime-header-precision-polish .bhfb-mobile a.header-item.wc-account-link:focus-visible {
    outline: 2px solid #1b6f55 !important;
    outline-offset: 2px !important;
  }
  /* De statusindicatoren blijven door PRIME Header Master beheerd. */
}
@media (max-width: 340px) {
  body.isj-prime-header-precision-polish {
    --fc-account-gap: 2px;
    --fc-icon-gap: 2px;
    --fc-menu-gap: 8px;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.isj-prime-header-precision-polish :is(.bhfb-desktop,.bhfb-mobile) .dgwt-wcas-search-input {transition:none !important;}
}

/* Tablet 768-1024: ook hier echte 44px klikvlakken voor de vier acties.
   Staging/Live delen de Header Master, maar op tablet kwam deze uit op 38px. */
@media (min-width:768px) and (max-width:1024px) {
  body.isj-prime-header-precision-polish {
    --fc-icon-box:44px;
    --fc-menu-box:44px;
    --fc-icon-gap:6px;
    --fc-account-gap:6px;
    --fc-menu-gap:12px;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-main_header_row .bhfb-row-wrapper {
    box-sizing:border-box !important;
    width:calc(100% - 32px) !important;
    margin-inline:auto !important;
    padding-inline:0 !important;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-main_header_row .bhfb-column-3 {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:0 !important;
    margin-left:auto !important;
    min-width:200px !important;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-main_header_row .bhfb-column-3 > .bhfb-component-shortcode3 {
    flex:0 0 44px !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    margin-right:6px !important;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-main_header_row .bhfb-column-3 a.header-item.wc-account-link {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-main_header_row .bhfb-column-3 > .bhfb-component-woo_icons {
    display:inline-flex !important;
    align-items:center !important;
    flex:0 0 94px !important;
    width:94px !important;
    min-width:94px !important;
    gap:6px !important;
    margin-right:12px !important;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-component-woo_icons > .fc-prime-v171-mobile-item,
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-component-woo_icons a.fc-prime-v171-cart,
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-component-woo_icons a.fc-prime-v171-heart {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 44px !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
  }
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-main_header_row .bhfb-column-3 > .bhfb-component-mobile_hamburger,
  body.isj-prime-header-precision-polish .bhfb-mobile .bhfb-component-mobile_hamburger :is(a,button,.header-item) {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 !important;
    margin:0 !important;
    touch-action:manipulation;
  }
}
