/**
 * Layout1 bold — mobile header (.sf-mheader) — BEM only, no Bootstrap col-7/col-5.
 * Build: 20260522-layout1-header-modern-v46
 * Loads AFTER mega-storefront-theme inline CSS.
 */

@media (max-width: 991.98px) {
  /* --- Hide all legacy Bootstrap / float toolbar chrome on mobile --- */
  body.storefront-bold .storefront-bold__header .sf-dheader,
  body.storefront-bold .storefront-bold__header .storefront-bold__header-row.storefront-bold__header-row--legacy,
  body.storefront-bold .storefront-bold__header .storefront-bold__header-row--legacy {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body.storefront-bold .storefront-bold__header .storefront-bold__header-aside > .storefront-bold__header-strip,
  body.storefront-bold .storefront-bold__header .storefront-bold__header-aside > .saf_header_info_wrapper,
  body.storefront-bold .storefront-bold__header .storefront-bold__menu-row--desktop-toolbar,
  body.storefront-bold .storefront-bold__header .storefront-bold__menu-row.storefront-bold__menu-row--desktop-toolbar,
  body.storefront-bold .storefront-bold__header .storefront-bold__header-toolbar-shell,
  body.storefront-bold .storefront-bold__header .saf_search_wrap.menu_btn_wrap.managemobilemenun,
  body.storefront-bold .storefront-bold__header .setrightmobileviewmenu,
  body.storefront-bold .storefront-bold__header .storefront-bold__toolbar-menu,
  body.storefront-bold .storefront-bold__header .storefront-bold__toolbar-search,
  body.storefront-bold .storefront-bold__header .menu_btn.storefront-bold__menu-toggle:not(.sf-mheader__btn--menu),
  body.storefront-bold .storefront-bold__header a.searchBtn.storefront-bold__search-btn:not(.sf-mheader__btn) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -100vw !important;
    clip: rect(0, 0, 0, 0) !important;
    opacity: 0 !important;
  }

  body.storefront-bold .storefront-bold__header .saf_header_wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    float: none !important;
  }

  /* --- BEM mobile bar: logo | phone | email | hamburger --- */
  body.storefront-bold .storefront-bold__header .sf-mheader {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.35rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0.3rem clamp(0.4rem, 2.5vw, 0.55rem) 0.3rem clamp(0.35rem, 2vw, 0.5rem) !important;
    padding-right: max(0.4rem, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
    float: none !important;
    clear: both !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__brand {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 38% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    order: 1 !important;
    overflow: hidden !important;
    float: none !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__brand .saf_logo,
  body.storefront-bold .storefront-bold__header .sf-mheader__brand .storefront-bold__logo-link {
    display: flex !important;
    align-items: center !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__brand img,
  body.storefront-bold .storefront-bold__header .sf-mheader__brand .header-logo-img--layout1,
  body.storefront-bold .storefront-bold__header .sf-mheader__brand .storefront__logo-img {
    display: block !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    max-height: 2.1rem !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__actions {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.3rem !important;
    order: 2 !important;
    margin: 0 !important;
    margin-left: auto !important;
    padding: 0 !important;
    flex-shrink: 1 !important;
    list-style: none !important;
    float: none !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__item {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    position: relative !important;
    order: 1 !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__item--phone {
    order: 1 !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__item--email {
    order: 2 !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__item--menu {
    order: 3 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__panel {
    display: none !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 var(--sf-theme-toolbar-btn-size, 36px) !important;
    width: var(--sf-theme-toolbar-btn-size, 36px) !important;
    min-width: var(--sf-theme-toolbar-btn-size, 36px) !important;
    max-width: var(--sf-theme-toolbar-btn-size, 36px) !important;
    height: var(--sf-theme-toolbar-btn-size, 36px) !important;
    min-height: var(--sf-theme-toolbar-btn-size, 36px) !important;
    max-height: var(--sf-theme-toolbar-btn-size, 36px) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: var(--sf-theme-toolbar-btn-border-width, 1px) solid var(--sf-theme-toolbar-btn-border, rgba(15, 23, 42, 0.12)) !important;
    border-radius: var(--sf-theme-toolbar-btn-radius, 10px) !important;
    background: var(--sf-theme-toolbar-btn-bg, rgba(255, 255, 255, 0.94)) !important;
    color: var(--sf-theme-toolbar-btn-color, #0f172a) !important;
    line-height: 0 !important;
    float: none !important;
    clear: none !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    overflow: hidden !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    pointer-events: auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    font: inherit !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__btn--search {
    display: none !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__btn--menu > * {
    position: relative !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__btn--menu {
    flex: 0 0 var(--sf-theme-toolbar-btn-size, 36px) !important;
    width: var(--sf-theme-toolbar-btn-size, 36px) !important;
    min-width: var(--sf-theme-toolbar-btn-size, 36px) !important;
    max-width: var(--sf-theme-toolbar-btn-size, 36px) !important;
    height: var(--sf-theme-toolbar-btn-size, 36px) !important;
    min-height: var(--sf-theme-toolbar-btn-size, 36px) !important;
    max-height: var(--sf-theme-toolbar-btn-size, 36px) !important;
    flex-shrink: 0 !important;
    flex-direction: column !important;
    gap: 4px !important;
    color: var(--sf-theme-hamburger-color, var(--sf-theme-toolbar-btn-color, #0f172a)) !important;
    background: var(--sf-theme-hamburger-bg, var(--sf-theme-toolbar-btn-bg, rgba(255, 255, 255, 0.94))) !important;
    border-color: var(--sf-theme-hamburger-border, var(--sf-theme-toolbar-btn-border, rgba(15, 23, 42, 0.12))) !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__menu-bar,
  body.storefront-bold .storefront-bold__header .sf-mheader__btn--menu .storefront-bold__menu-toggle__bar {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    min-height: 2px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
    flex: 0 0 auto !important;
    border: 0 !important;
    border-radius: 1px !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__btn-icon,
  body.storefront-bold .storefront-bold__header .sf-mheader__btn .saf_header_icon,
  body.storefront-bold .storefront-bold__header .sf-mheader__btn .fa {
    pointer-events: none !important;
    line-height: 0 !important;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader__btn .storefront-bold__strip-icon-label {
    display: none !important;
  }

  /* Nav drawer host — outside hidden legacy row (v17) */
  body.storefront-bold .storefront-bold__header .storefront-bold__header-nav-host {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    height: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    pointer-events: none !important;
  }

  body.storefront-bold .storefront-bold__header .storefront-bold__header-nav-host .storefront-bold__header-below-mobile {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    height: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  body.storefront-bold .storefront-bold__header .storefront-bold__header-nav-host .main_menu_wrapper.open,
  body.storefront-bold .storefront-bold__header .storefront-bold__header-nav-host .main_menu_wrapper.storefront-bold__nav-portal {
    pointer-events: auto !important;
  }

  body.storefront-bold .storefront-bold__header .storefront-bold__header-nav-host .storefront-bold__header-below-mobile > .storefront-bold__nav-drawer:not(.open):not(.storefront-bold__nav-portal),
  body.storefront-bold .storefront-bold__header .storefront-bold__header-nav-host .storefront-bold__header-below-mobile > #mega-layout-main-nav:not(.open):not(.storefront-bold__nav-portal),
  body.storefront-bold .storefront-bold__header .storefront-bold__header-nav-host .storefront-bold__header-below-mobile > #mega-layout-user-nav:not(.open):not(.storefront-bold__nav-portal),
  body.storefront-bold .storefront-bold__header .storefront-bold__header-below-mobile > .storefront-bold__nav-drawer:not(.open):not(.storefront-bold__nav-portal),
  body.storefront-bold .storefront-bold__header .storefront-bold__header-below-mobile > #mega-layout-main-nav:not(.open):not(.storefront-bold__nav-portal),
  body.storefront-bold .storefront-bold__header .storefront-bold__header-below-mobile > #mega-layout-user-nav:not(.open):not(.storefront-bold__nav-portal) {
    position: absolute !important;
    left: -100vw !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.storefront-bold .main_menu_wrapper.main_menu_wrapper.open,
  body.storefront-bold .main_menu_wrapper.storefront-bold__nav-portal.open,
  body.storefront-bold.storefront-bold--nav-open .main_menu_wrapper.storefront-bold__nav-portal {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: min(320px, 88vw) !important;
    max-width: min(320px, 88vw) !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    z-index: 130010 !important;
    transform: none !important;
    padding: 1rem 0.75rem !important;
    box-sizing: border-box !important;
    background: var(--sf-theme-menu-bg, #fff) !important;
  }

  /* v43: drawer is menu-only (#mega-layout-main-nav wraps <ul> only) */
  body.storefront-bold .main_menu_wrapper.open > .sf-dheader,
  body.storefront-bold .main_menu_wrapper.open > .sf-dheader__brand,
  body.storefront-bold .main_menu_wrapper.open .storefront-bold__header-strip,
  body.storefront-bold .main_menu_wrapper.storefront-bold__nav-portal.open > .sf-dheader,
  body.storefront-bold .main_menu_wrapper.storefront-bold__nav-portal.open > .sf-dheader__brand {
    display: none !important;
  }

  body.storefront-bold .main_menu_wrapper.open > ul,
  body.storefront-bold .main_menu_wrapper.storefront-bold__nav-portal.open > ul,
  body.storefront-bold .sf-dheader__nav.open > ul {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
  }

  body.storefront-bold.storefront-bold--nav-open {
    overflow: hidden !important;
  }

  body.storefront-bold .storefront-bold__nav-backdrop {
    z-index: 129990 !important;
  }
}

@media (min-width: 992px) {
  body.storefront-bold .storefront-bold__header .sf-mheader {
    display: none !important;
  }

  body.storefront-bold .storefront-bold__header .storefront-bold__header-row--legacy {
    display: flex !important;
  }
}

@media (max-width: 480px) {
  body.storefront-bold.theme-layout1 {
    --sf-theme-toolbar-btn-size: 34px;
  }

  body.storefront-bold .storefront-bold__header .sf-mheader {
    padding-right: 0.35rem !important;
  }
}