/**
 * Layout1 bold — header CSS isolation (v46).
 * Load AFTER storefront-modern-bem.css, BEFORE layout1-header-modern.css.
 *
 * When .sf-mheader is in the DOM, layout1-header-modern.css + layout1-header-bem.css
 * own structure; this file neutralizes legacy style.css, comman.css, Bootstrap, and
 * duplicate rules in storefront-modern-bem.css (col-7/col-5 mobile row, floats).
 */
body.storefront-bold:has(.sf-mheader) header.storefront__header.storefront-bold__header,
body.storefront-bold:has(.sf-mheader) .storefront-bold__header.fixed_header {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  transform: none !important;
  -webkit-transform: none !important;
}

body.storefront-bold:has(.sf-mheader) .storefront-bold__header .saf_header_wrapper {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  box-sizing: border-box !important;
}

body.storefront-bold:has(.sf-mheader) .storefront-bold__header > .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
}

body.storefront-bold:has(.sf-mheader) .storefront-bold__header .saf_header_info_wrapper,
body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__header-strip {
  display: block !important;
  width: 100% !important;
  padding-right: 0 !important;
  float: none !important;
}

body.storefront-bold:has(.sf-mheader) .storefront-bold__header .sf-dheader__strip-list {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  float: none !important;
}

body.storefront-bold:has(.sf-mheader) .storefront-bold__header .sf-dheader__strip-item::before,
body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__header-strip > ul > li:first-child::before {
  content: none !important;
  display: none !important;
}

body.storefront-bold:has(.sf-mheader) .storefront-bold__header .sf-dheader__menu-row.main_menu_parent::before,
body.storefront-bold:has(.sf-mheader) .storefront-bold__header .main_menu_parent::before {
  content: none !important;
  display: none !important;
}

body.storefront-bold:has(.sf-mheader) .storefront-bold__header .row,
body.storefront-bold:has(.sf-mheader) .storefront-bold__header [class*="col-"] {
  float: none !important;
}

@media (max-width: 991.98px) {
  /* v45: legacy desktop toolbar row + aside flex (responsive.css + storefront-modern-bem) */
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__menu-row,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__menu-row--desktop-toolbar,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__header-toolbar-shell,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .saf_search_wrap.menu_btn_wrap,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .setrightmobileviewmenu,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__toolbar-menu,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__toolbar-search,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .mobilesetlogo,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__header-brand:not(.sf-mheader__brand) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    clip: rect(0, 0, 0, 0) !important;
    opacity: 0 !important;
    flex: 0 0 0 !important;
  }

  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .sf-dheader,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__header-row--legacy {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .sf-mheader {
    display: flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    opacity: 1 !important;
  }

  /* Legacy storefront-modern-bem col-7 / col-5 mobile row — must not apply when .sf-mheader exists */
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__header-row,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__header-row.row,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__header-row > .col-7,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__header-row > .col-5,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__header-row > .mobilesetlogo,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__header-row > .mobilesetlogosp,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__header-row > .storefront-bold__header-brand,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__header-row > .storefront-bold__header-col {
    flex: unset !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* v46: kill storefront-modern-bem legacy toolbar display:flex when .sf-mheader owns mobile chrome */
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .saf_search_wrap.menu_btn_wrap.managemobilemenun,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .setrightmobileviewmenu,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .setrightmobileviewmenu.storefront-bold__header-toolbar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    float: none !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    text-align: inherit !important;
  }

  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__header-col.storefront-bold__header-aside {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

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

  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .sf-dheader {
    display: flex !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  body.storefront-bold:has(.sf-mheader) .fixed_header.fixed .saf_header_info_wrapper {
    display: block !important;
  }

  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .storefront-bold__menu-row--desktop-toolbar {
    display: flex !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
    opacity: 1 !important;
  }
}

@media (max-width: 575.98px) {
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .sf-mheader__btn,
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .sf-mheader__btn--menu {
    width: var(--sf-theme-toolbar-btn-size, 40px) !important;
    min-width: var(--sf-theme-toolbar-btn-size, 40px) !important;
    height: var(--sf-theme-toolbar-btn-size, 40px) !important;
    min-height: var(--sf-theme-toolbar-btn-size, 40px) !important;
  }
}

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

@media (max-width: 360px) {
  body.storefront-bold:has(.sf-mheader) .storefront-bold__header .sf-mheader__item--email {
    display: none !important;
  }
}