/* Remove gap above header */
.mbf-header-before {
  display: none;
}

/* Move header to the bottom and merge with the banner */

.mbf-header-before + .mbf-header {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0) 100%
  ) !important;
  /* Top position will be controlled by JavaScript for smooth scroll behavior */
  transition: top 0.1s ease-out;
}

.woocommerce-shop .mbf-header-before + .mbf-header {
  background: white !important;
  border-bottom: 1px solid #40484f40 !important;
}

.mbf-header .mbf-header__nav .mbf-header__nav-inner li:first-of-type > a {
  padding-left: 8px !important;
}

.mbf-header .mbf-header__nav .mbf-header__nav-inner li:last-of-type > a {
  padding-right: 8px !important;
}

@media (min-width: 768px) {
  .mbf-header .mbf-header__nav .mbf-header__nav-inner {
    gap: 16px;
  }

  .mbf-header .mbf-header__nav {
    padding: 16px 0px !important;
  }
}

@media (max-width: 767px) {
  .mbf-header__inner-mobile .mbf-header__col.mbf-col-right:not(:only-child) {
    gap: 24px;
  }
}

/* Custom Transparent Header Styles */

.transparent-header {
  background: transparent !important;
  border-bottom: none !important;
  transition: all 0.3s ease, background-color 0.3s ease,
    backdrop-filter 0.3s ease;
}

/* Logo image transitions */
.mbf-logo img,
.mbf-col-logo img {
  transition: opacity 0.3s ease;
}

body:not(.home):not(.product-category):not(.archive) .transparent-header {
  background: #ffffff !important;
  border-bottom: 1px solid #40484f40 !important;
}

/* White header for category/archive pages without hero image */
body.product-category.no-hero-image .transparent-header,
body.archive.no-hero-image .transparent-header,
body.tax-product_tag .transparent-header {
  background: #ffffff !important;
  border-bottom: 1px solid #40484f40 !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Scrolled state for homepage and category pages */
body.home .transparent-header.scrolled,
body.product-category .transparent-header.scrolled,
body.archive .transparent-header.scrolled {
  background: #ffffff !important;
  border-bottom: 1px solid #40484f40 !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.mbf-header__nav-inner > li > a > span {
  text-transform: uppercase;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.25px;
  transition: color 0.3s ease;
}

.mbf-header .mbf-header__nav .mbf-header__nav-inner li > a {
  color: #ffffff !important;
  transition: color 0.3s ease, background-color 0.3s ease;
}

/* Desktop navbar color for all pages except homepage and category pages */
@media (min-width: 768px) {
  body:not(.home):not(.archive):not(.product-category)
    .mbf-header
    .mbf-header__nav
    .mbf-header__nav-inner
    li
    > a,
  .woocommerce-shop .mbf-header .mbf-header__nav .mbf-header__nav-inner li > a {
    color: #40484f !important;
  }

  /* Desktop navbar color for category/archive pages without hero image */
  body.product-category.no-hero-image
    .mbf-header
    .mbf-header__nav
    .mbf-header__nav-inner
    li
    > a,
  body.archive.no-hero-image
    .mbf-header
    .mbf-header__nav
    .mbf-header__nav-inner
    li
    > a,
  body.tax-product_tag
    .mbf-header
    .mbf-header__nav
    .mbf-header__nav-inner
    li
    > a {
    color: #40484f !important;
  }

  body.product-category.no-hero-image
    .mbf-header
    .mbf-header__nav
    .mbf-header__nav-inner
    li.current-menu-item
    > a,
  body.archive.no-hero-image
    .mbf-header
    .mbf-header__nav
    .mbf-header__nav-inner
    li.current-menu-item
    > a,
  body.tax-product_tag
    .mbf-header
    .mbf-header__nav
    .mbf-header__nav-inner
    li.current-menu-item
    > a {
    color: #ffffff !important;
  }

  /* Desktop navbar color for homepage and category pages when scrolled */
  body.home
    .transparent-header.scrolled
    .mbf-header__nav
    .mbf-header__nav-inner
    li
    > a,
  body.product-category
    .transparent-header.scrolled
    .mbf-header__nav
    .mbf-header__nav-inner
    li
    > a,
  body.archive
    .transparent-header.scrolled
    .mbf-header__nav
    .mbf-header__nav-inner
    li
    > a {
    color: #40484f !important;
  }
}

.mbf-header
  .mbf-header__nav
  .mbf-header__nav-inner
  > li.current-menu-item
  > a:before {
  display: none !important;
}

.mbf-header .mbf-header__nav .mbf-header__nav-inner > li.current-menu-item > a {
  color: #ffffff !important;
  background-color: #868686;
  border-radius: 4px;
}

.mbf-header .mbf-header__nav .mbf-header__nav-inner li > a:hover {
  color: #ffffff !important;
  background-color: #868686;
  border-radius: 4px;
}

.mbf-header .mbf-header__nav .mbf-header__nav-inner li > a:hover > span {
  color: #ffffff !important;
}

/* Current menu item and hover states for homepage and category pages when scrolled */
body.home
  .transparent-header.scrolled
  .mbf-header__nav
  .mbf-header__nav-inner
  > li.current-menu-item
  > a,
body.product-category
  .transparent-header.scrolled
  .mbf-header__nav
  .mbf-header__nav-inner
  > li.current-menu-item
  > a,
body.archive
  .transparent-header.scrolled
  .mbf-header__nav
  .mbf-header__nav-inner
  > li.current-menu-item
  > a {
  color: #ffffff !important;
  background-color: #868686;
  border-radius: 4px;
}

body.home
  .transparent-header.scrolled
  .mbf-header__nav
  .mbf-header__nav-inner
  li
  > a:hover,
body.product-category
  .transparent-header.scrolled
  .mbf-header__nav
  .mbf-header__nav-inner
  li
  > a:hover,
body.archive
  .transparent-header.scrolled
  .mbf-header__nav
  .mbf-header__nav-inner
  li
  > a:hover {
  color: #ffffff !important;
  background-color: #868686;
  border-radius: 4px;
}

body.home
  .transparent-header.scrolled
  .mbf-header__nav
  .mbf-header__nav-inner
  li
  > a:hover
  > span,
body.product-category
  .transparent-header.scrolled
  .mbf-header__nav
  .mbf-header__nav-inner
  li
  > a:hover
  > span,
body.archive
  .transparent-header.scrolled
  .mbf-header__nav
  .mbf-header__nav-inner
  li
  > a:hover
  > span {
  color: #ffffff !important;
}

.mbf-header__my-account {
  padding-left: 0px !important;
}

/* Replace search icon with new SVG */
.mbf-header__search-toggle svg {
  display: none;
}

.mbf-header__search-toggle {
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mbf-header__search-toggle::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 19.5L16.5833 16.5833M16.1667 10.3333C16.1667 11.0994 16.0158 11.8579 15.7226 12.5657C15.4295 13.2734 14.9998 13.9164 14.4581 14.4581C13.9164 14.9998 13.2734 15.4295 12.5657 15.7226C11.8579 16.0158 11.0994 16.1667 10.3333 16.1667C9.56729 16.1667 8.80875 16.0158 8.10101 15.7226C7.39328 15.4295 6.75022 14.9998 6.20854 14.4581C5.66687 13.9164 5.23719 13.2734 4.94404 12.5657C4.65088 11.8579 4.5 11.0994 4.5 10.3333C4.5 8.78624 5.11458 7.30251 6.20854 6.20854C7.30251 5.11458 8.78624 4.5 10.3333 4.5C11.8804 4.5 13.3642 5.11458 14.4581 6.20854C15.5521 7.30251 16.1667 8.78624 16.1667 10.3333Z" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: background-image 0.3s ease;
}

.mbf-header__search-label {
  display: none;
}

/* Replace account icon with new SVG */
.mbf-header__my-account svg {
  display: none;
}

.mbf-header__my-account {
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mbf-header__my-account::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4.5C12.7417 4.5 13.4667 4.71993 14.0834 5.13199C14.7001 5.54404 15.1807 6.12971 15.4645 6.81494C15.7484 7.50016 15.8226 8.25416 15.6779 8.98159C15.5333 9.70902 15.1761 10.3772 14.6517 10.9017C14.1272 11.4261 13.459 11.7833 12.7316 11.9279C12.0042 12.0726 11.2502 11.9984 10.5649 11.7145C9.87971 11.4307 9.29404 10.9501 8.88199 10.3334C8.46993 9.7167 8.25 8.99168 8.25 8.25L8.25375 8.08725C8.29569 7.12181 8.70871 6.20983 9.40667 5.54149C10.1046 4.87316 11.0337 4.50006 12 4.5ZM13.5 13.5C14.4946 13.5 15.4484 13.8951 16.1517 14.5983C16.8549 15.3016 17.25 16.2554 17.25 17.25V18C17.25 18.3978 17.092 18.7794 16.8107 19.0607C16.5294 19.342 16.1478 19.5 15.75 19.5H8.25C7.85218 19.5 7.47064 19.342 7.18934 19.0607C6.90804 18.7794 6.75 18.3978 6.75 18V17.25C6.75 16.2554 7.14509 15.3016 7.84835 14.5983C8.55161 13.8951 9.50544 13.5 10.5 13.5H13.5Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: background-image 0.3s ease;
}

.mbf-header__my-account .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Replace cart icon with new SVG */
.mbf-header__cart-label svg {
  display: none;
}

.mbf-header__cart-label {
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mbf-header__cart-label::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.6491 7.98834H15.2399C16.066 7.98834 16.7511 8.62881 16.8062 9.45346L17.3643 17.8256C17.393 18.2595 17.2409 18.6851 16.9443 19.0025C16.6471 19.32 16.232 19.5 15.7981 19.5H7.56969C7.13574 19.5 6.72062 19.32 6.42341 19.0025C6.1269 18.6851 5.97481 18.2595 6.00341 17.8256L6.56155 9.45346C6.61667 8.62881 7.30179 7.98834 8.12783 7.98834H8.71884V7.46512C8.71884 5.82768 10.0465 4.5 11.684 4.5C13.3214 4.5 14.6491 5.82768 14.6491 7.46512V7.98834ZM13.6026 7.98834V7.46512C13.6026 6.40535 12.7437 5.54651 11.684 5.54651C10.6242 5.54651 9.76535 6.40535 9.76535 7.46512V7.98834H13.6026ZM11.6839 12.1744C12.4492 12.1744 13.1099 11.7258 13.4183 11.0776C13.5418 10.8167 13.8543 10.7058 14.1153 10.83C14.3762 10.9535 14.4871 11.266 14.3636 11.5269C13.8878 12.5288 12.8664 13.2209 11.6839 13.2209C10.5013 13.2209 9.47993 12.5288 9.00411 11.5269C8.88062 11.266 8.99155 10.9535 9.25248 10.83C9.51341 10.7058 9.82597 10.8167 9.94946 11.0776C10.2578 11.7258 10.9185 12.1744 11.6839 12.1744Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: background-image 0.3s ease;
}

.mbf-header__cart-label .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Replace offcanvas toggle icon with new SVG */
.mbf-header__offcanvas-toggle svg {
  display: none;
}

.mbf-header__offcanvas-toggle {
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.mbf-header__offcanvas-toggle::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6H20M4 12H20M4 18H20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  transition: background-image 0.3s ease;
}

/* Icon color overrides for all pages except homepage and category pages */
body:not(.home):not(.product-category):not(.archive)
  .mbf-header__search-toggle::before,
.woocommerce-shop .mbf-header__search-toggle::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 19.5L16.5833 16.5833M16.1667 10.3333C16.1667 11.0994 16.0158 11.8579 15.7226 12.5657C15.4295 13.2734 14.9998 13.9164 14.4581 14.4581C13.9164 14.9998 13.2734 15.4295 12.5657 15.7226C11.8579 16.0158 11.0994 16.1667 10.3333 16.1667C9.56729 16.1667 8.80875 16.0158 8.10101 15.7226C7.39328 15.4295 6.75022 14.9998 6.20854 14.4581C5.66687 13.9164 5.23719 13.2734 4.94404 12.5657C4.65088 11.8579 4.5 11.0994 4.5 10.3333C4.5 8.78624 5.11458 7.30251 6.20854 6.20854C7.30251 5.11458 8.78624 4.5 10.3333 4.5C11.8804 4.5 13.3642 5.11458 14.4581 6.20854C15.5521 7.30251 16.1667 8.78624 16.1667 10.3333Z" stroke="%2340484F" stroke-width="2" stroke-linecap="round"/></svg>') !important;
}

body:not(.home):not(.product-category):not(.archive)
  .mbf-header__my-account::before,
.woocommerce-shop .mbf-header__my-account::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4.5C12.7417 4.5 13.4667 4.71993 14.0834 5.13199C14.7001 5.54404 15.1807 6.12971 15.4645 6.81494C15.7484 7.50016 15.8226 8.25416 15.6779 8.98159C15.5333 9.70902 15.1761 10.3772 14.6517 10.9017C14.1272 11.4261 13.459 11.7833 12.7316 11.9279C12.0042 12.0726 11.2502 11.9984 10.5649 11.7145C9.87971 11.4307 9.29404 10.9501 8.88199 10.3334C8.46993 9.7167 8.25 8.99168 8.25 8.25L8.25375 8.08725C8.29569 7.12181 8.70871 6.20983 9.40667 5.54149C10.1046 4.87316 11.0337 4.50006 12 4.5ZM13.5 13.5C14.4946 13.5 15.4484 13.8951 16.1517 14.5983C16.8549 15.3016 17.25 16.2554 17.25 17.25V18C17.25 18.3978 17.092 18.7794 16.8107 19.0607C16.5294 19.342 16.1478 19.5 15.75 19.5H8.25C7.85218 19.5 7.47064 19.342 7.18934 19.0607C6.90804 18.7794 6.75 18.3978 6.75 18V17.25C6.75 16.2554 7.14509 15.3016 7.84835 14.5983C8.55161 13.8951 9.50544 13.5 10.5 13.5H13.5Z" fill="%2340484F"/></svg>') !important;
}

body:not(.home):not(.product-category):not(.archive)
  .mbf-header__cart-label::before,
.woocommerce-shop .mbf-header__cart-label::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.6491 7.98834H15.2399C16.066 7.98834 16.7511 8.62881 16.8062 9.45346L17.3643 17.8256C17.393 18.2595 17.2409 18.6851 16.9443 19.0025C16.6471 19.32 16.232 19.5 15.7981 19.5H7.56969C7.13574 19.5 6.72062 19.32 6.42341 19.0025C6.1269 18.6851 5.97481 18.2595 6.00341 17.8256L6.56155 9.45346C6.61667 8.62881 7.30179 7.98834 8.12783 7.98834H8.71884V7.46512C8.71884 5.82768 10.0465 4.5 11.684 4.5C13.3214 4.5 14.6491 5.82768 14.6491 7.46512V7.98834ZM13.6026 7.98834V7.46512C13.6026 6.40535 12.7437 5.54651 11.684 5.54651C10.6242 5.54651 9.76535 6.40535 9.76535 7.46512V7.98834H13.6026ZM11.6839 12.1744C12.4492 12.1744 13.1099 11.7258 13.4183 11.0776C13.5418 10.8167 13.8543 10.7058 14.1153 10.83C14.3762 10.9535 14.4871 11.266 14.3636 11.5269C13.8878 12.5288 12.8664 13.2209 11.6839 13.2209C10.5013 13.2209 9.47993 12.5288 9.00411 11.5269C8.88062 11.266 8.99155 10.9535 9.25248 10.83C9.51341 10.7058 9.82597 10.8167 9.94946 11.0776C10.2578 11.7258 10.9185 12.1744 11.6839 12.1744Z" fill="%2340484F"/></svg>') !important;
}

body:not(.home):not(.product-category):not(.archive)
  .mbf-header__offcanvas-toggle::before,
.woocommerce-shop .mbf-header__offcanvas-toggle::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6H20M4 12H20M4 18H20" stroke="%2340484F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

/* Icon color overrides for category/archive pages without hero image */
body.product-category.no-hero-image .mbf-header__search-toggle::before,
body.archive.no-hero-image .mbf-header__search-toggle::before,
body.tax-product_tag .mbf-header__search-toggle::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 19.5L16.5833 16.5833M16.1667 10.3333C16.1667 11.0994 16.0158 11.8579 15.7226 12.5657C15.4295 13.2734 14.9998 13.9164 14.4581 14.4581C13.9164 14.9998 13.2734 15.4295 12.5657 15.7226C11.8579 16.0158 11.0994 16.1667 10.3333 16.1667C9.56729 16.1667 8.80875 16.0158 8.10101 15.7226C7.39328 15.4295 6.75022 14.9998 6.20854 14.4581C5.66687 13.9164 5.23719 13.2734 4.94404 12.5657C4.65088 11.8579 4.5 11.0994 4.5 10.3333C4.5 8.78624 5.11458 7.30251 6.20854 6.20854C7.30251 5.11458 8.78624 4.5 10.3333 4.5C11.8804 4.5 13.3642 5.11458 14.4581 6.20854C15.5521 7.30251 16.1667 8.78624 16.1667 10.3333Z" stroke="%2340484F" stroke-width="2" stroke-linecap="round"/></svg>') !important;
}

body.product-category.no-hero-image .mbf-header__my-account::before,
body.archive.no-hero-image .mbf-header__my-account::before,
body.tax-product_tag .mbf-header__my-account::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4.5C12.7417 4.5 13.4667 4.71993 14.0834 5.13199C14.7001 5.54404 15.1807 6.12971 15.4645 6.81494C15.7484 7.50016 15.8226 8.25416 15.6779 8.98159C15.5333 9.70902 15.1761 10.3772 14.6517 10.9017C14.1272 11.4261 13.459 11.7833 12.7316 11.9279C12.0042 12.0726 11.2502 11.9984 10.5649 11.7145C9.87971 11.4307 9.29404 10.9501 8.88199 10.3334C8.46993 9.7167 8.25 8.99168 8.25 8.25L8.25375 8.08725C8.29569 7.12181 8.70871 6.20983 9.40667 5.54149C10.1046 4.87316 11.0337 4.50006 12 4.5ZM13.5 13.5C14.4946 13.5 15.4484 13.8951 16.1517 14.5983C16.8549 15.3016 17.25 16.2554 17.25 17.25V18C17.25 18.3978 17.092 18.7794 16.8107 19.0607C16.5294 19.342 16.1478 19.5 15.75 19.5H8.25C7.85218 19.5 7.47064 19.342 7.18934 19.0607C6.90804 18.7794 6.75 18.3978 6.75 18V17.25C6.75 16.2554 7.14509 15.3016 7.84835 14.5983C8.55161 13.8951 9.50544 13.5 10.5 13.5H13.5Z" fill="%2340484F"/></svg>') !important;
}

body.product-category.no-hero-image .mbf-header__cart-label::before,
body.archive.no-hero-image .mbf-header__cart-label::before,
body.tax-product_tag .mbf-header__cart-label::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.6491 7.98834H15.2399C16.066 7.98834 16.7511 8.62881 16.8062 9.45346L17.3643 17.8256C17.393 18.2595 17.2409 18.6851 16.9443 19.0025C16.6471 19.32 16.232 19.5 15.7981 19.5H7.56969C7.13574 19.5 6.72062 19.32 6.42341 19.0025C6.1269 18.6851 5.97481 18.2595 6.00341 17.8256L6.56155 9.45346C6.61667 8.62881 7.30179 7.98834 8.12783 7.98834H8.71884V7.46512C8.71884 5.82768 10.0465 4.5 11.684 4.5C13.3214 4.5 14.6491 5.82768 14.6491 7.46512V7.98834ZM13.6026 7.98834V7.46512C13.6026 6.40535 12.7437 5.54651 11.684 5.54651C10.6242 5.54651 9.76535 6.40535 9.76535 7.46512V7.98834H13.6026ZM11.6839 12.1744C12.4492 12.1744 13.1099 11.7258 13.4183 11.0776C13.5418 10.8167 13.8543 10.7058 14.1153 10.83C14.3762 10.9535 14.4871 11.266 14.3636 11.5269C13.8878 12.5288 12.8664 13.2209 11.6839 13.2209C10.5013 13.2209 9.47993 12.5288 9.00411 11.5269C8.88062 11.266 8.99155 10.9535 9.25248 10.83C9.51341 10.7058 9.82597 10.8167 9.94946 11.0776C10.2578 11.7258 10.9185 12.1744 11.6839 12.1744Z" fill="%2340484F"/></svg>') !important;
}

body.product-category.no-hero-image .mbf-header__offcanvas-toggle::before,
body.archive.no-hero-image .mbf-header__offcanvas-toggle::before,
body.tax-product_tag .mbf-header__offcanvas-toggle::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6H20M4 12H20M4 18H20" stroke="%2340484F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

/* Icon color overrides for homepage and category pages when scrolled */
body.home .transparent-header.scrolled .mbf-header__search-toggle::before,
body.product-category
  .transparent-header.scrolled
  .mbf-header__search-toggle::before,
body.archive .transparent-header.scrolled .mbf-header__search-toggle::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 19.5L16.5833 16.5833M16.1667 10.3333C16.1667 11.0994 16.0158 11.8579 15.7226 12.5657C15.4295 13.2734 14.9998 13.9164 14.4581 14.4581C13.9164 14.9998 13.2734 15.4295 12.5657 15.7226C11.8579 16.0158 11.0994 16.1667 10.3333 16.1667C9.56729 16.1667 8.80875 16.0158 8.10101 15.7226C7.39328 15.4295 6.75022 14.9998 6.20854 14.4581C5.66687 13.9164 5.23719 13.2734 4.94404 12.5657C4.65088 11.8579 4.5 11.0994 4.5 10.3333C4.5 8.78624 5.11458 7.30251 6.20854 6.20854C7.30251 5.11458 8.78624 4.5 10.3333 4.5C11.8804 4.5 13.3642 5.11458 14.4581 6.20854C15.5521 7.30251 16.1667 8.78624 16.1667 10.3333Z" stroke="%2340484F" stroke-width="2" stroke-linecap="round"/></svg>') !important;
}

body.home .transparent-header.scrolled .mbf-header__my-account::before,
body.product-category
  .transparent-header.scrolled
  .mbf-header__my-account::before,
body.archive .transparent-header.scrolled .mbf-header__my-account::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4.5C12.7417 4.5 13.4667 4.71993 14.0834 5.13199C14.7001 5.54404 15.1807 6.12971 15.4645 6.81494C15.7484 7.50016 15.8226 8.25416 15.6779 8.98159C15.5333 9.70902 15.1761 10.3772 14.6517 10.9017C14.1272 11.4261 13.459 11.7833 12.7316 11.9279C12.0042 12.0726 11.2502 11.9984 10.5649 11.7145C9.87971 11.4307 9.29404 10.9501 8.88199 10.3334C8.46993 9.7167 8.25 8.99168 8.25 8.25L8.25375 8.08725C8.29569 7.12181 8.70871 6.20983 9.40667 5.54149C10.1046 4.87316 11.0337 4.50006 12 4.5ZM13.5 13.5C14.4946 13.5 15.4484 13.8951 16.1517 14.5983C16.8549 15.3016 17.25 16.2554 17.25 17.25V18C17.25 18.3978 17.092 18.7794 16.8107 19.0607C16.5294 19.342 16.1478 19.5 15.75 19.5H8.25C7.85218 19.5 7.47064 19.342 7.18934 19.0607C6.90804 18.7794 6.75 18.3978 6.75 18V17.25C6.75 16.2554 7.14509 15.3016 7.84835 14.5983C8.55161 13.8951 9.50544 13.5 10.5 13.5H13.5Z" fill="%2340484F"/></svg>') !important;
}

body.home .transparent-header.scrolled .mbf-header__cart-label::before,
body.product-category
  .transparent-header.scrolled
  .mbf-header__cart-label::before,
body.archive .transparent-header.scrolled .mbf-header__cart-label::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.6491 7.98834H15.2399C16.066 7.98834 16.7511 8.62881 16.8062 9.45346L17.3643 17.8256C17.393 18.2595 17.2409 18.6851 16.9443 19.0025C16.6471 19.32 16.232 19.5 15.7981 19.5H7.56969C7.13574 19.5 6.72062 19.32 6.42341 19.0025C6.1269 18.6851 5.97481 18.2595 6.00341 17.8256L6.56155 9.45346C6.61667 8.62881 7.30179 7.98834 8.12783 7.98834H8.71884V7.46512C8.71884 5.82768 10.0465 4.5 11.684 4.5C13.3214 4.5 14.6491 5.82768 14.6491 7.46512V7.98834ZM13.6026 7.98834V7.46512C13.6026 6.40535 12.7437 5.54651 11.684 5.54651C10.6242 5.54651 9.76535 6.40535 9.76535 7.46512V7.98834H13.6026ZM11.6839 12.1744C12.4492 12.1744 13.1099 11.7258 13.4183 11.0776C13.5418 10.8167 13.8543 10.7058 14.1153 10.83C14.3762 10.9535 14.4871 11.266 14.3636 11.5269C13.8878 12.5288 12.8664 13.2209 11.6839 13.2209C10.5013 13.2209 9.47993 12.5288 9.00411 11.5269C8.88062 11.266 8.99155 10.9535 9.25248 10.83C9.51341 10.7058 9.82597 10.8167 9.94946 11.0776C10.2578 11.7258 10.9185 12.1744 11.6839 12.1744Z" fill="%2340484F"/></svg>') !important;
}

body.home .transparent-header.scrolled .mbf-header__offcanvas-toggle::before,
body.product-category
  .transparent-header.scrolled
  .mbf-header__offcanvas-toggle::before,
body.archive
  .transparent-header.scrolled
  .mbf-header__offcanvas-toggle::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6H20M4 12H20M4 18H20" stroke="%2340484F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

/* Desktop header layout: Logo (left), Menu (center), Icons (right) */
@media (min-width: 992px) {
  .mbf-header__inner-desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: nowrap;
  }

  .mbf-col-logo {
    flex: 0 0 auto;
    order: 1;
  }

  .mbf-col-menu {
    flex: 1 1 auto;
    order: 2;
    display: flex;
    justify-content: center;
  }

  .mbf-col-icons {
    flex: 0 0 auto;
    order: 3;
    justify-content: end;
  }

  /* Style the navigation within the center column */
  .mbf-header__nav-desktop.mbf-col-menu {
    margin: 0;
    padding: 0;
  }

  .mbf-header__nav-desktop.mbf-col-menu .mbf-header__nav-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
  }

  /* Hide original navigation on desktop */
  .mbf-header__nav-original {
    display: none !important;
  }

  .mbf-header__nav-desktop {
    display: flex !important;
  }
}

/* Hide cloned navigation on mobile */
@media (max-width: 991px) {
  .mbf-header__nav-desktop {
    display: none !important;
  }

  .mbf-header__nav-original {
    display: none !important;
  }
}

/* Mobile responsive */
@media (max-width: 768px) {
  /* White background on mobile for all pages except homepage, category pages, and PDP */
  body:not(.home):not(.product-category):not(.single-product):not(.archive)
    .transparent-header {
    background: #ffffff !important;
  }
}

/* Override offcanvas logo to use static logo */
.mbf-offcanvas .mbf-offcanvas__header .mbf-offcanvas__nav .mbf-logo img {
  content: url("/wp-content/uploads/static/luxcrime/luxcrime-logo@2x.webp") !important;
  max-height: 36px;
}

/* Change offcanvas transition from left to right (instead of right to left) */
.mbf-offcanvas {
  left: auto !important;
  right: -100% !important;
  transform: translateX(0) !important;
  transition: right 0.3s ease-in-out !important;
}

.mbf-offcanvas-active .mbf-offcanvas {
  right: 0 !important;
}

/* Adjust overlay to work with right-side offcanvas */
.mbf-offcanvas-active .mbf-site-overlay {
  display: block;
}

@media (max-width: 768px) {
  .woocommerce-page.archive .woocommerce-products-subheader {
    top: 100px !important;
  }
}