/* LeeBlend UX – header */

/* Phones/tablets: icon + count badge only (the total wrapped one character per line). */
@media (max-width: 921px) {
  .ast-header-woo-cart .ast-woo-header-cart-info-wrap {
    display: none !important;
  }

  .ast-mobile-header-wrap .ast-primary-header-bar .site-primary-header-wrap {
    min-height: 64px;
  }
  .ast-mobile-header-wrap .site-header-primary-section-right {
    gap: 4px;
  }
  .ast-mobile-header-wrap .ast-header-search,
  .ast-mobile-header-wrap .ast-header-woo-cart {
    display: flex;
    align-items: center;
  }
  .ast-mobile-header-wrap .ast-header-search .ast-search-menu-icon,
  .ast-mobile-header-wrap .ast-site-header-cart .cart-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }

  /* Off-canvas drawer: CTA button at the bottom of the menu. */
  .ast-mobile-popup-content .ast-builder-button-wrap,
  .ast-mobile-popup-content .ast-header-button-1 {
    width: 100%;
    padding: 20px;
  }
  .ast-mobile-popup-content .ast-header-button-1 .ast-custom-button-link,
  .ast-mobile-popup-content .ast-header-button-1 .ast-custom-button {
    display: block;
    width: 100%;
    text-align: center;
  }
  .ast-mobile-popup-content .ast-header-button-1 .ast-custom-button {
    padding: 14px 20px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
  }
}

/* Desktop: never let the menu or the cart total wrap onto a second line. */
@media (min-width: 922px) {
  .ast-header-woo-cart .ast-woo-header-cart-info-wrap {
    white-space: nowrap;
  }
  #ast-hf-menu-1.main-header-menu {
    flex-wrap: nowrap;
  }
  #ast-hf-menu-1 > .menu-item > .menu-link {
    white-space: nowrap;
    padding-left: clamp(8px, 0.9vw, 15px);
    padding-right: clamp(8px, 0.9vw, 15px);
  }
}
/* Small laptops: icon-only cart and a slightly tighter menu so everything fits on one line. */
@media (min-width: 922px) and (max-width: 1365px) {
  .ast-header-woo-cart .ast-woo-header-cart-info-wrap {
    display: none !important;
  }
}
@media (min-width: 922px) and (max-width: 1199px) {
  .site-header .site-logo-img .custom-logo-link img {
    max-width: 150px;
  }
  #ast-hf-menu-1 > .menu-item > .menu-link {
    font-size: 13px;
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media (min-width: 922px) and (max-width: 1023px) {
  #ast-desktop-header .ast-header-search {
    display: none !important;
  }
}

/* Very small phones (320–380px). */
@media (max-width: 380px) {
  #ast-mobile-header .site-logo-img .custom-logo-link img {
    max-width: 112px;
  }
  #ast-mobile-header .ast-primary-header-bar {
    padding-left: 12px;
    padding-right: 12px;
  }
  #ast-mobile-header .site-primary-header-wrap,
  #ast-mobile-header .site-header-primary-section-right {
    column-gap: 4px;
    gap: 4px;
  }
  #ast-mobile-header .site-header-primary-section-right > .ast-builder-layout-element {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Mobile menu toggle: white icon on the red button. */
.ast-header-break-point .ast-mobile-header-wrap .menu-toggle.main-header-menu-toggle {
  color: #fff;
}
.ast-header-break-point .ast-mobile-header-wrap .menu-toggle .ast-mobile-svg {
  fill: #fff;
}

/* Drawer CTA: solid brand button. */
.ast-mobile-popup-content .ast-header-button-1 .ast-custom-button {
  background: var(--ast-global-color-0, #dd183b);
  border-color: var(--ast-global-color-0, #dd183b);
  color: #fff;
  letter-spacing: 0.04em;
}