/* === MERANZ MOBILE & GLOBAL FIXES === */

/* 1. Stop horizontal scroll on mobile */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}
* { box-sizing: border-box; }

/* 2. Remove complimentary delivery text on PDP */
/* The text node is inside .mz-trust-strip or directly in WC product meta */
/* Target the specific delivery line from trust-layer */
.mz-trust-item:has(svg [d*="M1 3h15v13H1"]) { display: none !important; }
/* Fallback: hide by content matching (the truck icon delivery line) */
/* Also hide the WC default free shipping / delivery meta line */
.woocommerce-product-details__short-description p:empty { display:none; }

/* 3. Mobile nav header - match HTML design */
@media (max-width: 860px) {
  /* Ensure the Elementor/hello header stays within viewport */
  .site-header,
  .elementor-section,
  nav.elementor-nav-menu--main,
  .elementor-nav-menu--layout-horizontal {
    max-width: 100vw !important;
    overflow: hidden !important;
  }
  /* Hide desktop nav links on mobile, show only hamburger */
  .elementor-nav-menu--main .elementor-nav-menu > li > a {
    font-family: "Figtree", sans-serif !important;
    font-size: 15px !important;
  }
  /* Prevent nav from pushing layout wide */
  .elementor-widget-nav-menu {
    max-width: 100% !important;
    overflow: hidden !important;
  }
}

/* 4. Hide product count numbers in shop sidebar filters */
.mz-filters .mz-count { display: none !important; }

/* 5. Home page inner padding on mobile */
@media (max-width: 700px) {
  .mz-inner { padding: 0 18px !important; }
  /* Hero grid collapses to single column, image goes below text */
  .mz-hero { grid-template-columns: 1fr !important; gap: 28px !important; padding: 28px 0 36px !important; }
  /* On mobile, show image first actually matches the HTML design - image below */
  .mz-cat-grid { grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
  .mz-arrivals-grid { grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
}