/**
 * LAIZO — original mobile chrome restore (screenshot match)
 * Scoped to phones/tablets only. Desktop (≥1025px) is untouched.
 * Theme switches to mobile header at max-width: 1024px.
 */
@media (max-width: 1024px) {
  /* ---------- 1. Slim grey utility / topbar (tiny bit taller) ---------- */
  #header-content .nasa-topbar-wrap,
  #header-content #top-bar,
  #header-content .top-bar {
    background: #f2f2f2 !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    overflow: visible !important;
  }

  #header-content #top-bar .row,
  #header-content #top-bar .columns {
    margin: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #laizo-curr .laizo-pack {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    white-space: nowrap !important;
  }

  #laizo-curr .laizo-btn,
  #laizo-curr .laizo-lang-btn,
  #laizo-curr .laizo-curr-btn,
  #laizo-curr .laizo-tshirt-btn {
    font-size: 12px !important;
    line-height: 1.2 !important;
    padding: 2px 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  #laizoMobileTopbarChat,
  #laizoMobileTopbarChat a {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
  }

  /* Utility bar must NOT stick */
  #header-content .nasa-topbar-wrap,
  #header-content #top-bar {
    position: relative !important;
    top: auto !important;
  }

  /* ---------- 2. Compact black main header ----------
     Absolute 3-zone layout so logo is geometrically centered
     (matches original screenshot: menu+search | LAIZO | account+cart) */
  #laizoMobileRowSpacer {
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
  }

  #header-content .mobile-menu.header-responsive,
  #header-content #masthead.mobile-menu,
  #header-content .sticky-wrapper > #masthead {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #222 !important;
    color: #fff !important;
    min-height: 54px !important;
    max-height: 58px !important;
    height: 54px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  /* LEFT — hamburger + search only */
  #header-content .mobile-menu.header-responsive > .mini-icon-mobile.nasa-flex,
  #header-content .mobile-menu.header-responsive > .left-icons {
    position: absolute !important;
    left: 12px !important;
    top: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    max-width: 40% !important;
    z-index: 3 !important;
  }

  /* CENTER — full logo (hand + LAIZO) dead-center of the black bar */
  #header-content .mobile-menu.header-responsive > .logo-wrapper,
  #header-content .mobile-menu .logo-wrapper {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    max-width: 46% !important;
    text-align: center !important;
    z-index: 2 !important;
    pointer-events: auto !important;
  }

  #header-content .mobile-menu .logo-wrapper .logo {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  #header-content .mobile-menu .logo img,
  #header-content .mobile-menu .header_logo {
    max-height: 28px !important;
    width: auto !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* RIGHT — login + cart */
  #header-content .mobile-menu.header-responsive > .nasa-mobile-icons-wrap,
  #header-content .mobile-menu.header-responsive > .right-icons {
    position: absolute !important;
    right: 12px !important;
    left: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    max-width: 40% !important;
    z-index: 3 !important;
  }

  #header-content .mobile-menu .nasa-mobile-icons-wrap .header-icons {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
  }

  #header-content .mobile-menu .nasa-mobile-icons-wrap .header-icons > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
  }

  #header-content .mobile-menu .nasa-icon,
  #header-content .mobile-menu a.nasa-icon,
  #header-content .mobile-menu .nasa-icon svg,
  #header-content .mobile-menu .mini-cart .nasa-icon,
  #header-content .mobile-menu .nasa-login-register-ajax,
  #header-content .mobile-menu .wishlist-link {
    color: #fff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  #header-content .mobile-menu .nasa-icon svg,
  #header-content .mobile-menu .mini-icon-mobile svg {
    width: 22px !important;
    height: 22px !important;
    max-height: 22px !important;
    display: block !important;
  }

  #header-content .mobile-menu .nasa-mobile-menu-icon svg {
    width: 24px !important;
    height: 22px !important;
  }

  /* No text labels in icon header */
  #header-content .mobile-menu .nasa-text-menu,
  #header-content .mobile-menu .nasa-icon > span:not(.nasa-cart-count):not(.nasa-mini-cart-count) {
    display: none !important;
  }

  /* Cart badge */
  #header-content .mobile-menu .nasa-cart-count,
  #header-content .mobile-menu .nasa-mini-cart-count,
  #header-content .mobile-menu .mini-cart .products-number {
    background: #e11 !important;
    color: #fff !important;
    font-size: 10px !important;
    line-height: 1 !important;
    min-width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
  }

  /* Hide leftover desktop chrome under mobile breakpoint */
  #header-content .nasa-hide-for-mobile,
  #header-content .hide-for-mobile,
  #header-content .hide-for-small,
  #header-content .nasa-wrap-event-search {
    display: none !important;
  }

  /* ---------- 3. Sticky: black header only ---------- */
  #header-content .mobile-menu.header-responsive.laizo-mob-sticky,
  #header-content #masthead.laizo-mob-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9990 !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) !important;
    max-height: 56px !important;
    height: 52px !important;
  }

  body.admin-bar #header-content .mobile-menu.header-responsive.laizo-mob-sticky,
  body.admin-bar #header-content #masthead.laizo-mob-sticky {
    top: 46px !important;
  }

  /* ---------- 4. Bottom nav: Shop / Categories / Search / Wishlist ---------- */
  .nasa-bottom-bar {
    display: block !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9980 !important;
    background: #fff !important;
    margin: 0 !important;
    padding: 6px 0 calc(6px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid #e5e5e5 !important;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .nasa-bottom-bar-icons {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-around !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .nasa-bottom-bar-icons > li {
    flex: 1 1 25% !important;
    width: 25% !important;
    max-width: 25% !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Restore Search; hide Filters / Cart extras */
  .nasa-bottom-bar .nasa-bot-item-search,
  .nasa-bottom-bar .nasa-bot-item-search.hidden-tag {
    display: list-item !important;
  }

  .nasa-bottom-bar .nasa-bot-item-sidebar,
  .nasa-bottom-bar .ns-bot-cart {
    display: none !important;
  }

  .nasa-bottom-bar .nasa-bot-icons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    color: #333 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    padding: 4px 2px !important;
    min-height: 0 !important;
    text-decoration: none !important;
  }

  .nasa-bottom-bar .nasa-bot-icons svg {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    display: block !important;
  }

  /* Keep page content clear of bottom bar */
  body {
    padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* ---------- 5. Compact hamburger drawer (theme menu, not redesign) ---------- */
  #mobile-navigation li a {
    padding: 10px 16px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    min-height: 0 !important;
  }

  #mobile-navigation li a.accordion {
    height: 40px !important;
  }

  #mobile-navigation li.root-item.menu-item-heading {
    padding: 12px 16px !important;
    font-size: 16px !important;
  }

  #mobile-navigation .menu-item-heading {
    padding: 12px 16px 8px !important;
    font-size: 16px !important;
  }

  #mobile-navigation .nav-dropdown-mobile li a {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  /* ---------- 6. Hero full-bleed ---------- */
  #laizoNikeHeroV2,
  .laizo-nike-hero-v2,
  #laizoNikeHeroV2 .laizo-nike-v2-image,
  #laizoNikeHeroV2 .laizo-nike-v2-image img {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #laizoNikeHeroV2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* ---------- 7. New Arrivals: 2-col + same width as lower laizo-arrivals ---------- */
  body.home .elementor-element-537048e5.elementor-section,
  body.home .elementor-element-537048e5 {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: auto !important;
    right: auto !important;
    overflow: visible !important;
  }

  body.home .elementor-element-537048e5 > .elementor-container,
  body.home .elementor-element-537048e5 .elementor-container {
    max-width: none !important;
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.home .elementor-element-537048e5 .elementor-column,
  body.home .elementor-element-537048e5 .elementor-col-100,
  body.home .elementor-element-537048e5 .elementor-widget-wrap,
  body.home .elementor-element-537048e5 .elementor-element {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  body.home .elementor-element-537048e5 .elementor-widget-container,
  body.home .elementor-element-537048e5 .nasa-tabs-content,
  body.home .elementor-element-537048e5 .nasa-panels,
  body.home .elementor-element-537048e5 .nasa-panel,
  body.home .elementor-element-537048e5 .nasa-sc.products,
  body.home .elementor-element-537048e5 .products.woocommerce {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home .elementor-element-537048e5 .nasa-sc.products > .row,
  body.home .elementor-element-537048e5 .nasa-row-child-clear-none,
  body.home .nasa-tabs-content .nasa-sc.products > .row {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home .elementor-element-537048e5 .product-warp-item.columns.small-6,
  body.home .nasa-tabs-content .product-warp-item.columns.small-6,
  .nasa-sc.products.ns-type-grid .product-warp-item.columns.small-6 {
    width: 50% !important;
    max-width: 50% !important;
    float: left !important;
    clear: none !important;
    box-sizing: border-box !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  body.home .elementor-element-537048e5 .product-warp-item.columns.small-6:nth-of-type(2n+1),
  body.home .nasa-tabs-content .product-warp-item.columns.small-6:nth-of-type(2n+1),
  .nasa-sc.products.ns-type-grid .product-warp-item.columns.small-6:nth-of-type(2n+1) {
    clear: both !important;
  }

  /* Soft placeholder — no black flash while product images load */
  body.home .product-item .product-img-wrap,
  body.home .product-item .main-img,
  body.home .product-item .wp-post-image,
  body.home .product-item img,
  body.home .nasa-sc.products .product-img-wrap,
  body.home .laizo-arrival-card {
    background: #f4f4f4 !important;
  }

  body.home .product-item.crazy-loading .product-img-wrap:before,
  body.home .product-item.crazy-loading .product-img-wrap:after,
  body.home .nasa-crazy-load .product-item .product-img-wrap:before,
  body.home .nasa-crazy-load .product-item .product-img-wrap:after {
    background: #f4f4f4 !important;
    background-image: none !important;
  }
}

/* Hard stop: never affect desktop premium header */
@media (min-width: 1025px) {
  #laizoMobileRowSpacer {
    display: none !important;
    height: 0 !important;
  }
}