/*
Theme Name: AZ Milano Advanced
Theme URI: http://example.com/
Author: Converted by ChatGPT
Description: Advanced conversion of az-milano.webflow.io into a WordPress + WooCommerce theme.
Version: 1.0
Text Domain: az-milano
*/
/* Zoom ONLY for mobile */
/* No zoom for desktop */
html {
    zoom: 100%;
}

/* Zoom ONLY for mobile */
@media screen and (max-width: 767px) {
    html {
        zoom: 50%;
        -moz-transform: scale(0.7);
        -moz-transform-origin: 0 0;
    }
}

/* FORCE 2x2 PRODUCT GRID ON MOBILE (with 70% zoom) */
@media screen and (max-width: 767px) {
    /* Force 2-column grid */
    body .product-cards-wrapper,
    .product-cards-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body .product-grid.w-dyn-items,
    .product-grid.w-dyn-items,
    .product-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Force card sizing */
    body .product-card.w-dyn-item,
    .product-card.w-dyn-item,
    .product-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}


/* Hide any Webflow branding/badges/links */
.w-webflow-badge,
.w-webflow-badge *,
[data-wf-badge],
.powered-by,
.external-link.w-inline-block,
a[href*="webflow.com"],
a[href*="webflow.com"] * {
    display: none !important;
}

/* Top offer bar – Milano theme (20% bigger, mobile-fixed CLEAN) */
/* Top offer bar – simple, 20% bigger, mobile-safe */
.top-offer-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  background: #050608;
  color: #f5f5f5;
  font-size: 13px;              /* 20% bigger than original */
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.top-offer-inner {
  max-width: 1300px;
  margin: 0 auto;
  padding: 8px 24px;
  overflow: hidden;
}

.top-offer-track {
  display: inline-flex;
  gap: 72px;
  white-space: nowrap;
  animation: topOfferScroll 22s linear infinite;
}

.top-offer-track span {
  opacity: 0.9;
}

@keyframes topOfferScroll {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* Push Milano fixed navbar down using margin so we don't fight its JS */
.fixed-navbar {
  margin-top: 40px;   /* bar height */
}

/* MOBILE TWEAKS */
@media (max-width: 767px) {
  .top-offer-bar {
    font-size: 12px;
    padding: 7px 0;
  }

  .top-offer-inner {
    padding: 7px 16px;
  }

  .top-offer-track {
    gap: 50px;
    animation-duration: 26s;  /* a bit slower on mobile */
  }

  /* Ensure nav and content sit below bar */
  .navbar-wrapper,
  .fixed-navbar {
    margin-top: 40px;
  }

  body {
    padding-top: 0;   /* we use margin on nav instead of padding body */
  }
}
/* Cache Buster */
body::after {
  content: "v3";
  display: none;
}
/* Force offer bar + navbar offsets to override cached old CSS */
.top-offer-bar,
.top-offer-inner,
.navbar-wrapper,
.fixed-navbar {
  animation-duration: 0s !important; /* this forces a CSS rebuild */
}
.brand-name-text {
    font-size: 21px !important;     /* Increase size */
    font-weight: 700;               /* Bold, Milano style */
    letter-spacing: 0.06em;         /* Spaced-out premium look */
    margin-left: 8px;               /* Gap from the logo/menu */
    text-transform: uppercase;      /* Matches Milano aesthetic */
}
@media (max-width: 767px) {
    .brand-name-text {
        font-size: 20px !important;
    }
}
.navbar-logo-wrapper {
    display: flex;
    align-items: center;
    gap: 10px; /* spacing between logo & text */
}

.navbar-logo-img {
    height: 34px;      /* adjust this for big/small logo */
    width: auto;
}

.navbar-logo-text {
    font-size: 21px;   /* main size */
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #111;
    line-height: 1;
}
@media (max-width: 767px) {
    .navbar-logo-img {
        height: 28px;
    }

    .navbar-logo-text {
        font-size: 22px;
        letter-spacing: 0.08em;
    }
}
/* MOBILE NAVBAR LOGO FIX */
@media (max-width: 767px) {
    .navbar-logo-wrapper {
        gap: 6px !important; 
    }

    .navbar-logo-img {
        height: 26px !important;   /* reduce logo height */
        width: auto !important;
    }

    .navbar-logo-text {
        font-size: 18px !important;   /* reduce text size */
        letter-spacing: 0.06em !important;
    }
}

/* === WooCommerce category pages – fix Milano navbar layout === */

/* 1. Make the main navbar a single horizontal flex row */
body.tax-product_cat .fixed-navbar .navbar.w-nav > .container.nav-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 20px 40px;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap !important;
  text-align: left !important;
}

/* 2. Left side: logo + internal structure */
body.tax-product_cat .fixed-navbar .nav-menu-container,
body.tax-product_cat .fixed-navbar .navbar-menu-holder {
  display: flex !important;
  align-items: center;
  gap: 24px;
}

body.tax-product_cat .fixed-navbar .brand.w-nav-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* 3. Right side: search + cart + hamburger */
body.tax-product_cat .fixed-navbar .navbar-icons-holder {
  display: flex !important;
  align-items: center;
  gap: 24px;
}

body.tax-product_cat .fixed-navbar .navbar-icons-wrapper {
  display: flex !important;
  align-items: center;
  gap: 16px;
}

body.tax-product_cat .fixed-navbar .navbar-menu-button {
  display: flex !important;
  align-items: center;
}

body.tax-product_cat .fixed-navbar .menu-button.w-nav-button {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

/* 4. Icon sizes */
body.tax-product_cat .fixed-navbar .search-icon-lottie {
  width: 18px;
  height: 18px;
}

body.tax-product_cat .fixed-navbar .cart-image {
  width: 18px;
  height: auto;
  display: block;
}

/* 5. Hide the Webflow mobile overlay / second row on desktop */
body.tax-product_cat .fixed-navbar .w-nav-overlay {
  display: none !important;
}

/* 6. Push category content down a bit so it doesn't touch the navbar */
body.tax-product_cat .section:first-of-type .products-hero-container {
  margin-top: 120px;
}

/* Hoodies page layout tweaks */
/* Reduce empty space between filters and products */
body.page-template-hoodies-page .hoodies-static-section {
  padding-top: 40px;   /* was 80px inline; this will override it */
  padding-bottom: 100px;
}

/* Keep the grid centered and nicely spaced */
body.page-template-hoodies-page .hoodies-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

/* Product card styling closer to Milano style */
body.page-template-hoodies-page .hoodie-card {
  background: #e1ded9;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

body.page-template-hoodies-page .hoodie-card img {
  display: block;
  width: 100%;
  height: auto;
}

body.page-template-hoodies-page .hoodie-card .hoodie-info,
body.page-template-hoodies-page .hoodie-card > div:last-child {
  background: #fff;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}

body.page-template-hoodies-page .hoodie-card strong {
  font-size: 13px;
  font-weight: 600;
}

body.page-template-hoodies-page .hoodie-card span[style*="opacity"] {
  opacity: 0.7;
}
/* Hoodies page layout tweaks */
/* Reduce empty space between filters and products */
body.page-template-hoodies-page .hoodies-static-section {
  padding-top: 40px;   /* was 80px inline; this will override it */
  padding-bottom: 100px;
}

/* Keep the grid centered and nicely spaced */
body.page-template-hoodies-page .hoodies-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

/* Product card styling closer to Milano style */
body.page-template-hoodies-page .hoodie-card {
  background: #e1ded9;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

body.page-template-hoodies-page .hoodie-card img {
  display: block;
  width: 100%;
  height: auto;
}

body.page-template-hoodies-page .hoodie-card .hoodie-info,
body.page-template-hoodies-page .hoodie-card > div:last-child {
  background: #fff;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}

body.page-template-hoodies-page .hoodie-card strong {
  font-size: 13px;
  font-weight: 600;
}

body.page-template-hoodies-page .hoodie-card span[style*="opacity"] {
  opacity: 0.7;
}
/* Hoodies page – final spacing tweaks */

/* Bring hero a bit closer to the navbar */
body.page-template-hoodies-page .products-hero-container {
  margin-top: 110px;      /* was 140px inline; this pulls everything up */
  margin-bottom: 24px;
}

/* Reduce empty space between filters and products */
body.page-template-hoodies-page .hoodies-static-section {
  padding-top: 30px;      /* was 80px inline; much tighter now */
  padding-bottom: 90px;
}

/* Make sure the filters section doesn't add extra margin */
body.page-template-hoodies-page .products-filters {
  margin-top: 16px;
  margin-bottom: 0;
}
/* Hoodies grid – Milano-like layout */
body.page-template-hoodies-page .hoodies-grid {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 32px;
  row-gap: 40px;
}

/* Cards */
body.page-template-hoodies-page .hoodie-card {
  background: #e1ded9;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

body.page-template-hoodies-page .hoodie-card img {
  display: block;
  width: 100%;
  height: auto;
}

body.page-template-hoodies-page .hoodie-card > div:last-child {
  background: #fff;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}
/* Kill Webflow-injected duplicate hamburger */

body > div.fixed-navbar > div > div.container.nav-container > div > div.navbar-menu-holder > div > div > svg:nth-child(2){
    display: none !important;
}

/* FINAL FIX: Hide Webflow-injected duplicate navbar layers */

/* Hide injected duplicate hamburger SVG */
.menu-button.w-nav-button svg:not(:first-child) {
    display: none !important;
}

/* Hide injected duplicate search SVG */
.navbar-search-icon-lottie svg:not(:first-child) {
    display: none !important;
}
/* === HOODIES PAGE: Move heading higher (Milano style) === */

/* Reduce top spacing of the first section */
body.page-template-hoodies-page .section:first-of-type {
    padding-top: 40px !important;
    margin-top: 0 !important;
}

/* Pull the hero container upward */
body.page-template-hoodies-page .products-hero-container {
    margin-top: 40px !important;
}

/* Tighten spacing above the HOODIES heading */
body.page-template-hoodies-page .products-hero-container h2 {
    margin-top: 0 !important;
}

/* === Sweatshirts  PAGE: Move heading higher (Milano style) === */

/* Reduce top spacing of the first section */
body.page-template-sweatshirts-page .section:first-of-type {
    padding-top: 40px !important;
    margin-top: 0 !important;
}

/* Pull the hero container upward */
body.page-template-sweatshirts-page .products-hero-container {
    margin-top: 40px !important;
}

/* Tighten spacing above the HOODIES heading */
body.page-template-sweatshirts-page .products-hero-container h2 {
    margin-top: 0 !important;
}
.animation-on-load-01,
.animation-on-load-02 {
  opacity: 1 !important;
  transform: none !important;
}
.contact-hero-section-holder {
  padding-top: 140px;
}
/* CONTACT FORM – make inputs visible like Milano */

.contact-text-field,
.contact-text-field.message {
  background-color: #ffffff;
  border: 1.5px solid rgba(0,0,0,0.15);
  color: #111;
}

.contact-text-field::placeholder {
  color: rgba(0,0,0,0.4);
}

/* Increase contrast on focus */
.contact-text-field:focus,
.contact-text-field.message:focus {
  border-color: #c89b5a; /* Milano gold */
  outline: none;
  box-shadow: 0 0 0 1px rgba(200,155,90,0.4);
}

/* Labels slightly darker */
.contact-field-label {
  color: rgba(0,0,0,0.55);
}

/* Form container spacing */
.form-grid {
  gap: 24px;
}

/* All Products dropdown trigger */
.all-products-toggle,
.all-products-toggle span,
.all-products-toggle a {
    font-family: inherit;
    font-size: 14px;        /* match your menu font */
    font-weight: 500;      /* match other menu items */
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #111;
}
/* ============================= */
/* SOCIAL FOLLOW – FINAL CLEAN */
/* ============================= */

.social-follow-section {
  width: 100%;
  text-align: center;
  margin-top: 32px;
}

.social-title {
  font-size: 14px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.social-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
}

/* Button */
.social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 14px 24px;
  min-height: 52px;

  background: #ffffff;
  color: #000;

  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;

  border-radius: 4px;
  transition: all 0.25s ease;
}

/* ICON — HARD SIZE LOCK */
.social-btn svg,
.social-btn img {
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  flex-shrink: 0;
}

/* Hover */
.social-btn:hover {
  background: #000;
  color: #fff;
  transform: translateY(-2px);
}

.social-btn:hover svg,
.social-btn:hover img {
  filter: invert(1);
}
/* ===== FIX DROPDOWN MENU FREEZE ===== */

/* Allow page scroll when menu is open */
body.w--nav-menu-open {
  overflow: auto !important;
  position: relative !important;
}

/* Keep menu scrollable without locking page */
.w-nav-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* Prevent content jump */
html {
  overflow-x: hidden;
}
/* === MILANO MOBILE NAVBAR GAP FIX (FINAL + OFFER BAR SAFE) === */
@media (max-width: 767px) {

  /* Navbar sits just below offer bar */
  .fixed-navbar {
    position: fixed;
    top: 40px !important;   /* 👈 THIS IS THE KEY CHANGE */
    margin-top: 0 !important;
    transform: none !important;
    z-index: 9999;
    background: #fff;
  }

  /* Do NOT push body */
  body {
    padding-top: 0 !important;
  }

  /* Menu opens from top of viewport */
  .w-nav-menu {
    top: 0 !important;
    margin-top: 0 !important;
  }
}
/* Single product Milano fix */
.woocommerce div.product .woocommerce-tabs, 
.woocommerce div.product .product_meta,
.woocommerce div.product form.cart {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px;
    background: #f8f8f8;
    border-radius: 8px;
}
.single-product-page .summary {
    margin-left: 0;
}

/* Milano Webflow Single Product Styles */
.product-hero-container {
  padding: 100px 0 120px;
}

.product-template-grid {
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

@media (max-width: 991px) {
  .product-template-grid {
    grid-template-columns: 1fr;
    gap: 60px;
  }
}

.product-image-container {
  position: relative;
}

.product-main-image-holder img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.product-thumbnail-images {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px;
}

.thumbnail-image-holder {
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 3px solid transparent;
}

.thumbnail-image-holder:hover {
  border-color: #d4a574;
  transform: scale(1.05);
}

.thumbnail-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-content-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.product-category-wrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.category-text-gold {
  font-size: 14px;
  font-weight: 500;
  color: #d4a574;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.no-margins {
  margin: 0 !important;
}

.price-text-normal {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 12px 0 !important;
}

/* Products page Milano grid fix */
body.page-template-products-php .hoodies-grid {
  max-width: 1120px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 32px;
}


/* ===================================== */
/* FINAL – LOGO FIX (CLEAN & WORKING) */
/* ===================================== */

.navbar-logo-img {
  height: 34px;
  width: auto;
  max-width: none;
  display: block;
}

/* WooCommerce overrides (shop, category, product) */
body.woocommerce .navbar-logo-img,
body.woocommerce-page .navbar-logo-img {
  height: 34px !important;
  width: auto !important;
  max-width: none !important;
}

/* Mobile */
@media (max-width: 767px) {
  .navbar-logo-img,
  body.woocommerce .navbar-logo-img,
  body.woocommerce-page .navbar-logo-img {
    height: 26px !important;
  }
}
/* MOBILE FIX: Force 1 Column on Phones */
@media screen and (max-width: 479px) {
    .product-cards-wrapper .product-grid,
    .product-grid.w-dyn-items {
        display: grid !important;
        grid-template-columns: 1fr !important; /* 1 Column */
        gap: 20px !important;
        width: 100% !important;
    }

    .product-card,
    .product-card.w-dyn-item {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    /* Ensure images fill the width */
    .product-card-image-holder {
        width: 100% !important;
        height: auto !important;
    }
}

/* ============================================================
   FIX CART PAGE OVERLAP - WooCommerce BLOCKS (Reduced Gap)
   ============================================================ */

/* Target the WooCommerce Block Cart specifically */
body.woocommerce-cart article.page {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.woocommerce-cart .entry-content {
    padding-top: 160px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin-top: 0 !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Target the actual cart block wrapper */
.wp-block-woocommerce-cart,
div[data-block-name="woocommerce/cart"] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Target the cart items container */
.wc-block-components-main,
.wc-block-cart,
.wp-block-woocommerce-cart-items-block {
    position: relative !important;
    z-index: 1 !important;
}

/* Checkout page with blocks too */
body.woocommerce-checkout .entry-content {
    padding-top: 160px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Keep header fixed - NO background color */
.fixed-navbar {
    position: fixed !important;
    top: 40px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
}

/* Offer bar on top */
.top-offer-bar {
    position: fixed !important;
    top: 0 !important;
    z-index: 10000 !important;
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-cart .entry-content,
    body.woocommerce-checkout .entry-content {
        padding-top: 140px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* ============================================================
   HIDE "Invalid value posted for size" ERROR MESSAGE
   ============================================================ */

/* Hide ALL WooCommerce error banners (nuclear option) */
.woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-error,
div.woocommerce-error[role="alert"],
.wc-block-components-notice-banner.is-error {
    display: none !important;
}

/* Hide WooCommerce Blocks error notices */
.wc-block-components-notice-banner[role="alert"] {
    display: none !important;
}

/* Hide store notice errors */
.wc-block-components-notice-banner__content,
.wc-block-store-notice {
    display: none !important;
}

/* ========================================
   BEYOUNG SEARCH OVERLAY - FIXED VERSION
   ======================================== */

/* Full screen overlay backdrop */
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    z-index: 99999;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.search-overlay.active {
    display: block !important;
    opacity: 1;
}

/* Search overlay content - drops from top */
.search-overlay-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    max-height: 90vh;
    overflow-y: auto;
    padding: 32px 24px;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    transform: translateY(-100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.search-overlay.active .search-overlay-content {
    transform: translateY(0);
}

/* Close button */
.search-close-btn {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 40px;
    height: 40px;
    border: none;
    background: #f5f5f5;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    z-index: 10;
}

.search-close-btn:hover {
    background: #e0e0e0;
    transform: rotate(90deg);
}

.search-close-btn svg {
    color: #333;
}

/* Search input container */
.search-input-container {
    max-width: 600px;
    margin: 0 auto 32px;
    position: relative;
}

.search-input-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
}

.search-overlay-input {
    width: 100%;
    padding: 16px 16px 16px 50px;
    font-size: 16px;
    border: 2px solid #e0e0e0;
    border-radius: 50px;
    outline: none;
    transition: border-color 0.2s;
    background: #f9f9f9;
}

.search-overlay-input:focus {
    border-color: #111;
    background: #fff;
}

/* Search results container */
.search-results-container {
    max-width: 800px;
    margin: 0 auto;
}

/* Section title */
.search-section-title {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 16px;
    color: #111;
}

/* Common searches */
.common-searches-section {
    margin-bottom: 32px;
}

.common-searches-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.common-search-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    transition: all 0.2s;
}

.common-search-item:hover {
    background: #f8f8f8;
    border-color: #e0e0e0;
    transform: translateX(4px);
}

.common-search-item svg:first-child {
    color: #999;
    flex-shrink: 0;
}

.common-search-arrow {
    margin-left: auto;
    color: #999;
    flex-shrink: 0;
}

/* Top products section */
.top-products-section {
    margin-top: 32px;
}

.top-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.top-product-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s;
}

.top-product-card:hover {
    transform: translateY(-4px);
}

.top-product-image {
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 8px;
}

.top-product-info {
    flex: 1;
}

.top-product-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.top-product-price {
    font-size: 14px;
    font-weight: 600;
    color: #111;
}

/* View more button */
.view-more-btn {
    width: 100%;
    padding: 16px;
    background: #111;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.view-more-btn:hover {
    background: #333;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Mobile responsive */
@media (max-width: 767px) {
    .search-overlay-content {
        padding: 16px;
        max-height: 100vh;
        border-radius: 0;
    }

    .search-close-btn {
        top: 16px;
        right: 16px;
        width: 36px;
        height: 36px;
    }

    .search-input-container {
        margin-bottom: 24px;
    }

    .search-overlay-input {
        font-size: 14px;
        padding: 14px 14px 14px 46px;
    }

    .search-section-title {
        font-size: 12px;
    }

    .common-search-item {
        padding: 12px 14px;
        font-size: 14px;
    }

    .top-products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}


/* ===== ADDITIONAL CSS FROM CURRENT ===== */

/*
Theme Name: AZ Milano Advanced
Theme URI: http://example.com/
Author: Converted by ChatGPT
Description: Advanced conversion of az-milano.webflow.io into a WordPress + WooCommerce theme.
Version: 10.0
Text Domain: az-milano
*/

/* No zoom for desktop */
html {
    zoom: 100%;
}

/* Zoom ONLY for mobile */
@media screen and (max-width: 767px) {
    html {
        zoom: 70%;
        -moz-transform: scale(0.7);
        -moz-transform-origin: 0 0;
    }
}


/* Hide any Webflow branding/badges/links */
.w-webflow-badge,
.w-webflow-badge *,
[data-wf-badge],
.powered-by,
.external-link.w-inline-block,
a[href*="webflow.com"],
a[href*="webflow.com"] * {
    display: none !important;
}

/* Top offer bar */
.top-offer-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  background: #050608;
  color: #f5f5f5;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.top-offer-inner {
  max-width: 1300px;
  margin: 0 auto;
  padding: 8px 24px;
  overflow: hidden;
}

.top-offer-track {
  display: inline-flex;
  gap: 72px;
  white-space: nowrap;
  animation: topOfferScroll 22s linear infinite;
}

.top-offer-track span {
  opacity: 0.9;
}

@keyframes topOfferScroll {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

.fixed-navbar {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .top-offer-bar {
    font-size: 12px;
    padding: 7px 0;
  }

  .top-offer-inner {
    padding: 7px 16px;
  }

  .top-offer-track {
    gap: 50px;
    animation-duration: 26s;
  }

  .navbar-wrapper,
  .fixed-navbar {
    margin-top: 40px;
  }

  body {
    padding-top: 0;
  }
}

body::after {
  content: "v10-grid";
  display: none;
}

.top-offer-bar,
.top-offer-inner,
.navbar-wrapper,
.fixed-navbar {
  animation-duration: 0s !important;
}

.brand-name-text {
    font-size: 21px !important;
    font-weight: 700;
    letter-spacing: 0.06em;
    margin-left: 8px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .brand-name-text {
        font-size: 20px !important;
    }
}

.navbar-logo-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.navbar-logo-img {
    height: 34px;
    width: auto;
}

.navbar-logo-text {
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #111;
    line-height: 1;
}

@media (max-width: 767px) {
    .navbar-logo-img {
        height: 28px;
    }

    .navbar-logo-text {
        font-size: 22px;
        letter-spacing: 0.08em;
    }
}

@media (max-width: 767px) {
    .navbar-logo-wrapper {
        gap: 6px !important;
    }

    .navbar-logo-img {
        height: 26px !important;
        width: auto !important;
    }

    .navbar-logo-text {
        font-size: 18px !important;
        letter-spacing: 0.06em !important;
    }
}

body.tax-product_cat .fixed-navbar .navbar.w-nav > .container.nav-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 20px 40px;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap !important;
  text-align: left !important;
}

body.tax-product_cat .fixed-navbar .nav-menu-container,
body.tax-product_cat .fixed-navbar .navbar-menu-holder {
  display: flex !important;
  align-items: center;
  gap: 24px;
}

body.tax-product_cat .fixed-navbar .brand.w-nav-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

body.tax-product_cat .fixed-navbar .navbar-icons-holder {
  display: flex !important;
  align-items: center;
  gap: 24px;
}

body.tax-product_cat .fixed-navbar .navbar-icons-wrapper {
  display: flex !important;
  align-items: center;
  gap: 16px;
}

body.tax-product_cat .fixed-navbar .navbar-menu-button {
  display: flex !important;
  align-items: center;
}

body.tax-product_cat .fixed-navbar .menu-button.w-nav-button {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

body.tax-product_cat .fixed-navbar .search-icon-lottie {
  width: 18px;
  height: 18px;
}

body.tax-product_cat .fixed-navbar .cart-image {
  width: 18px;
  height: auto;
  display: block;
}

body.tax-product_cat .fixed-navbar .w-nav-overlay {
  display: none !important;
}

body.tax-product_cat .section:first-of-type .products-hero-container {
  margin-top: 120px;
}

body.page-template-hoodies-page .hoodies-static-section {
  padding-top: 40px;
  padding-bottom: 100px;
}

body.page-template-hoodies-page .hoodies-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
}

body.page-template-hoodies-page .hoodie-card {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

body.page-template-hoodies-page .hoodie-card img {
  display: block;
  width: 100%;
  height: auto;
}

body.page-template-hoodies-page .hoodie-card .hoodie-info,
body.page-template-hoodies-page .hoodie-card > div:last-child {
  background: #fff;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}

body.page-template-hoodies-page .hoodie-card strong {
  font-size: 13px;
  font-weight: 600;
}

body.page-template-hoodies-page .hoodie-card span[style*="opacity"] {
  opacity: 0.7;
}

body.page-template-hoodies-page .products-hero-container {
  margin-top: 110px;
  margin-bottom: 24px;
}

body.page-template-hoodies-page .hoodies-static-section {
  padding-top: 30px;
  padding-bottom: 90px;
}

body.page-template-hoodies-page .products-filters {
  margin-top: 16px;
  margin-bottom: 0;
}

body > div.fixed-navbar > div > div.container.nav-container > div > div.navbar-menu-holder > div > div > svg:nth-child(2){
    display: none !important;
}

.menu-button.w-nav-button svg:not(:first-child) {
    display: none !important;
}

.navbar-search-icon-lottie svg:not(:first-child) {
    display: none !important;
}

body.page-template-hoodies-page .section:first-of-type {
    padding-top: 40px !important;
    margin-top: 0 !important;
}

body.page-template-hoodies-page .products-hero-container {
    margin-top: 40px !important;
}

body.page-template-hoodies-page .products-hero-container h2 {
    margin-top: 0 !important;
}

body.page-template-sweatshirts-page .section:first-of-type {
    padding-top: 40px !important;
    margin-top: 0 !important;
}

body.page-template-sweatshirts-page .products-hero-container {
    margin-top: 40px !important;
}

body.page-template-sweatshirts-page .products-hero-container h2 {
    margin-top: 0 !important;
}

.animation-on-load-01,
.animation-on-load-02 {
  opacity: 1 !important;
  transform: none !important;
}

.contact-hero-section-holder {
  padding-top: 140px;
}

.contact-text-field,
.contact-text-field.message {
  background-color: #ffffff;
  border: 1.5px solid rgba(0,0,0,0.15);
  color: #111;
}

.contact-text-field::placeholder {
  color: rgba(0,0,0,0.4);
}

.contact-text-field:focus,
.contact-text-field.message:focus {
  border-color: #c89b5a;
  outline: none;
  box-shadow: 0 0 0 1px rgba(200,155,90,0.4);
}

.contact-field-label {
  color: rgba(0,0,0,0.55);
}

.form-grid {
  gap: 24px;
}

.all-products-toggle,
.all-products-toggle span,
.all-products-toggle a {
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #111;
}

.social-follow-section {
  width: 100%;
  text-align: center;
  margin-top: 32px;
}

.social-title {
  font-size: 14px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.social-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 24px;
  min-height: 52px;
  background: #ffffff;
  color: #000;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 4px;
  transition: all 0.25s ease;
}

.social-btn svg,
.social-btn img {
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  flex-shrink: 0;
}

.social-btn:hover {
  background: #000;
  color: #fff;
  transform: translateY(-2px);
}

.social-btn:hover svg,
.social-btn:hover img {
  filter: invert(1);
}

body.w--nav-menu-open {
  overflow: auto !important;
  position: relative !important;
}

.w-nav-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 767px) {
  .fixed-navbar {
    position: fixed;
    top: 40px !important;
    margin-top: 0 !important;
    transform: none !important;
    z-index: 9999;
    background: #fff;
  }

  body {
    padding-top: 0 !important;
  }

  .w-nav-menu {
    top: 0 !important;
    margin-top: 0 !important;
  }
}

.woocommerce div.product .woocommerce-tabs, 
.woocommerce div.product .product_meta,
.woocommerce div.product form.cart {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px;
    background: #f8f8f8;
    border-radius: 8px;
}

.single-product-page .summary {
    margin-left: 0;
}

.product-hero-container {
  padding: 100px 0 120px;
}

.product-template-grid {
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

@media (max-width: 991px) {
  .product-template-grid {
    grid-template-columns: 1fr;
    gap: 60px;
  }
}

.product-image-container {
  position: relative;
}

.product-main-image-holder img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.product-thumbnail-images {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px;
}

.thumbnail-image-holder {
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 3px solid transparent;
}

.thumbnail-image-holder:hover {
  border-color: #d4a574;
  transform: scale(1.05);
}

.thumbnail-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-content-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.product-category-wrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.category-text-gold {
  font-size: 14px;
  font-weight: 500;
  color: #d4a574;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.no-margins {
  margin: 0 !important;
}

.price-text-normal {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 12px 0 !important;
}

body.page-template-products-php .hoodies-grid {
  max-width: 1120px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 32px;
}

.navbar-logo-img {
  height: 34px;
  width: auto;
  max-width: none;
  display: block;
}

body.woocommerce .navbar-logo-img,
body.woocommerce-page .navbar-logo-img {
  height: 34px !important;
  width: auto !important;
  max-width: none !important;
}

@media (max-width: 767px) {
  .navbar-logo-img,
  body.woocommerce .navbar-logo-img,
  body.woocommerce-page .navbar-logo-img {
    height: 26px !important;
  }
}

/* ========================================
   IMPROVED PRODUCT CARD STYLING
   Like T-Shirts Page
======================================== */

.product-card-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
}

.product-card-image-holder {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 0 !important;
    background: #ffffff;
}

.product-card-details-container {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background: #ffffff;
    border-top: 1px solid #f0f0f0;
}

.product-price-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    gap: 12px;
}

.product-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px 0;
    flex: 1;
    color: #111;
}

.product-price {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    margin: 0;
    color: #111;
}

.product-price del {
    opacity: 0.5;
    margin-right: 8px;
    font-size: 13px;
}

.product-price ins {
    text-decoration: none;
    color: #111;
}

.product-add-to-card-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 0;
}

.cart-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    transition: all 0.3s ease;
    text-decoration: none;
}

.cart-icon-link:hover {
    background-color: #333;
    transform: scale(1.1);
}

.cart-icon-link svg {
    width: 18px;
    height: 18px;
}

@media screen and (min-width: 992px) {
    .product-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        margin-top: 40px;
    }

    .product-card {
        margin-bottom: 0 !important;
    }

    .product-card-image {
        width: 100%;
        height: auto;
        display: block;
    }
}

/* Mobile products - 2x2 compact grid */
@media screen and (max-width: 767px) {
    .section .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
        max-width: 100% !important;
    }

    .product-cards-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body .product-grid.w-dyn-items,
    .product-grid.w-dyn-items,
    .product-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .product-card.w-dyn-item,
    .product-card.w-dyn-item,
    .product-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body .product-card-container,
    .product-card-container {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        background: #fff !important;
        border-radius: 3px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body .product-card-image-holder,
    .product-card-image-holder {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 3/4 !important;
        overflow: hidden !important;
        margin-bottom: 0 !important;
    }

    body .product-card-image,
    body .secondary-product-card-image,
    .product-card-image,
    .secondary-product-card-image {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    body .product-card-details-container,
    .product-card-details-container {
        padding: 6px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
    }

    body .product-price-container,
    .product-price-container {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 3px !important;
        margin-bottom: 0 !important;
    }

    body .product-card .product-name,
    .product-card .product-name,
    .product-name {
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
        margin: 0 !important;
        flex: 1 !important;
    }

    body .product-card .product-price,
    .product-card .product-price,
    .product-price {
        font-size: 10px !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
        margin: 0 !important;
    }

    body .product-add-to-card-container,
    .product-add-to-card-container {
        display: flex !important;
        justify-content: flex-end !important;
        margin-top: 1px !important;
    }

    body .cart-icon-link,
    .cart-icon-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
        background-color: #000 !important;
        color: #fff !important;
        border-radius: 50% !important;
        padding: 0 !important;
    }

    body .cart-icon-link svg,
    .cart-icon-link svg {
        width: 12px !important;
        height: 12px !important;
        max-width: 12px !important;
        max-height: 12px !important;
    }
}

/* Cache buster */
body::before {
    content: "clean-grid-v10" !important;
    display: none !important;
}
/* ===== MOBILE: PRODUCT GALLERY BELOW MAIN IMAGE ===== */

@media screen and (max-width: 767px) {
    /* Make image container flex column */
    .product-image-container {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Main image stays on top */
    .product-main-image-holder {
        order: 1 !important;
        width: 100% !important;
        margin-bottom: 100px !important; /* INCREASED from 16px */
    }
    
    /* Thumbnails move below main image */
    .product-thumbnail-images {
        order: 2 !important;
        width: 100% !important;
        margin-top: 50px !important; /* ADDED extra top margin */
        position: relative !important;
        z-index: 1 !important;
    }
    
    /* Thumbnail wrapper - horizontal scroll */
    .thumbnails-list-wrapper {
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        overflow-x: auto !important;
        padding-bottom: 8px !important;
        padding-top: 16px !important; /* ADDED top padding */
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Each thumbnail item */
    .thumbnails-item {
        flex-shrink: 0 !important;
        width: 70px !important;
        height: 70px !important;
    }
    
    .thumbnail-image-holder {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 4px !important;
        overflow: hidden !important;
    }
    
    .thumbnail-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}
/* ============================================================
   MY ACCOUNT PAGE STYLES - MILANO THEME
   ============================================================ */

/* Account Page Container */
.account-page-container {
    padding: 60px 0;
    min-height: 100vh;
    background: #f5f5f5;
}

/* Account Wrapper - Grid Layout */
.account-wrapper {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 40px;
    margin-top: 40px;
}

/* Account Navigation Sidebar */
.account-navigation {
    background: #fff;
    border-radius: 12px;
    padding: 30px 0;
    height: fit-content;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    position: sticky;
    top: 100px;
}

.account-title {
    font-size: 24px;
    font-weight: 700;
    margin: 0 30px 30px 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.account-nav-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.account-nav-menu li {
    margin: 0;
}

.account-nav-menu li a {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 30px;
    color: #666;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 15px;
    font-weight: 500;
}

.account-nav-menu li a:hover {
    background: #f8f8f8;
    color: #000;
}

.account-nav-menu li.active a {
    background: #000;
    color: #fff;
}

.account-nav-menu li.active a svg {
    stroke: #fff;
}

.account-nav-menu li a svg {
    flex-shrink: 0;
}

/* Account Content Area */
.account-content {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Dashboard Welcome */
.woocommerce-MyAccount-content p:first-child {
    font-size: 18px;
    margin-bottom: 30px;
    color: #333;
}

/* WooCommerce Tables */
.woocommerce-MyAccount-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.woocommerce-MyAccount-content table th {
    background: #f8f8f8;
    padding: 15px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #000;
}

.woocommerce-MyAccount-content table td {
    padding: 20px 15px;
    border-bottom: 1px solid #eee;
}

.woocommerce-MyAccount-content table tr:hover {
    background: #fafafa;
}

/* Order Status Badges */
.woocommerce-orders-table__cell-order-status {
    font-weight: 600;
}

.woocommerce-order-status {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.woocommerce-order-status.status-completed {
    background: #d4edda;
    color: #155724;
}

.woocommerce-order-status.status-processing {
    background: #fff3cd;
    color: #856404;
}

.woocommerce-order-status.status-pending {
    background: #f8d7da;
    color: #721c24;
}

/* View Order Button */
.woocommerce-button.view {
    background: #000;
    color: #fff;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.woocommerce-button.view:hover {
    background: #333;
    transform: translateY(-2px);
}

/* Forms - Edit Account, Addresses */
.woocommerce-MyAccount-content form .form-row {
    margin-bottom: 20px;
}

.woocommerce-MyAccount-content form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 14px;
    color: #333;
}

.woocommerce-MyAccount-content form input[type="text"],
.woocommerce-MyAccount-content form input[type="email"],
.woocommerce-MyAccount-content form input[type="password"],
.woocommerce-MyAccount-content form input[type="tel"],
.woocommerce-MyAccount-content form select,
.woocommerce-MyAccount-content form textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-content form input:focus,
.woocommerce-MyAccount-content form select:focus,
.woocommerce-MyAccount-content form textarea:focus {
    border-color: #000;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
}

/* Submit Buttons */
.woocommerce-MyAccount-content form button[type="submit"],
.woocommerce-MyAccount-content .woocommerce-Button {
    background: #000;
    color: #fff;
    padding: 15px 40px;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-content form button[type="submit"]:hover,
.woocommerce-MyAccount-content .woocommerce-Button:hover {
    background: #333;
    transform: translateY(-2px);
}

/* Addresses */
.woocommerce-Addresses {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.woocommerce-Address {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 25px;
    background: #fafafa;
}

.woocommerce-Address-title h3 {
    margin-top: 0;
    font-size: 18px;
}

.woocommerce-Address address {
    font-style: normal;
    line-height: 1.8;
    color: #666;
    margin: 15px 0;
}

/* Edit Address Link */
.woocommerce-Address .edit {
    color: #000;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
}

.woocommerce-Address .edit:hover {
    text-decoration: underline;
}

/* Login Form (when not logged in) */
.account-login-wrapper {
    max-width: 500px;
    margin: 60px auto;
}

.login-form-container {
    background: #fff;
    border-radius: 12px;
    padding: 50px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.login-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
}

.woocommerce-form-login label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 14px;
}

.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 15px;
}

.woocommerce-form-login .woocommerce-form-login__submit {
    width: 100%;
    background: #000;
    color: #fff;
    padding: 15px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.woocommerce-form-login .woocommerce-form-login__submit:hover {
    background: #333;
}

.woocommerce-form-login .woocommerce-form-login__rememberme {
    margin: 15px 0;
}

.woocommerce-LostPassword {
    text-align: center;
    margin-top: 20px;
}

.woocommerce-LostPassword a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
}

.woocommerce-LostPassword a:hover {
    color: #000;
}

/* Responsive */
@media (max-width: 991px) {
    .account-wrapper {
        grid-template-columns: 1fr;
    }

    .account-navigation {
        position: static;
    }

    .woocommerce-Addresses {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .account-content {
        padding: 25px 20px;
    }

    .login-form-container {
        padding: 30px 20px;
    }

    .woocommerce-MyAccount-content table {
        font-size: 13px;
    }

    .woocommerce-MyAccount-content table th,
    .woocommerce-MyAccount-content table td {
        padding: 10px 8px;
    }
}
/* ============================================================
   LOGIN & REGISTRATION TOGGLE FORMS
   ============================================================ */

/* Account Page Container */
.account-page-container {
    padding: 60px 0;
    min-height: 100vh;
    background: #f5f5f5;
}

/* Login/Register Wrapper */
.account-login-wrapper {
    max-width: 500px;
    margin: 60px auto;
    padding: 0 20px;
}

/* Form Container */
.login-register-container {
    background: #fff;
    border-radius: 12px;
    padding: 50px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

/* Form Title */
.login-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
}

/* Form Labels */
.login-form-box label,
.register-form-box label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 14px;
}

/* Form Inputs */
.login-form-box input[type="text"],
.login-form-box input[type="email"],
.login-form-box input[type="password"],
.register-form-box input[type="text"],
.register-form-box input[type="email"],
.register-form-box input[type="password"] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 15px;
}

.login-form-box input:focus,
.register-form-box input:focus {
    border-color: #000;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
}

/* Submit Buttons */
.login-form-box .woocommerce-form-login__submit,
.register-form-box .woocommerce-Button {
    width: 100%;
    background: #000;
    color: #fff;
    padding: 15px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.login-form-box .woocommerce-form-login__submit:hover,
.register-form-box .woocommerce-Button:hover {
    background: #333;
}

/* Remember Me */
.woocommerce-form-login__rememberme {
    margin: 15px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
    width: auto;
    margin: 0;
}

/* Lost Password */
.woocommerce-LostPassword {
    text-align: center;
    margin-top: 20px;
}

.woocommerce-LostPassword a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
}

.woocommerce-LostPassword a:hover {
    color: #000;
}

/* Switch Form Text */
.switch-form-text {
    text-align: center;
    margin-top: 25px;
    color: #666;
    font-size: 15px;
}

.switch-link {
    color: #000;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.switch-link:hover {
    text-decoration: underline;
}

/* Required Asterisk */
.required {
    color: #e74c3c;
}

/* Privacy Policy Text */
.register-form-box .woocommerce-privacy-policy-text {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    margin: 20px 0;
}

.register-form-box .woocommerce-privacy-policy-text a {
    color: #000;
    text-decoration: underline;
}

/* Registration Disabled */
.registration-disabled {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-size: 15px;
    line-height: 1.6;
}

/* Error/Success Messages */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    border-left: 4px solid;
}

.woocommerce-error {
    background: #f8d7da;
    color: #721c24;
    border-left-color: #f5c6cb;
}

.woocommerce-message {
    background: #d4edda;
    color: #155724;
    border-left-color: #c3e6cb;
}

.woocommerce-info {
    background: #d1ecf1;
    color: #0c5460;
    border-left-color: #bee5eb;
}

/* Responsive */
@media (max-width: 767px) {
    .login-register-container {
        padding: 30px 20px;
    }

    .login-title {
        font-size: 24px;
    }
}

/* Account Wrapper - Grid Layout (for logged in users) */
.account-wrapper {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 40px;
    margin-top: 40px;
}

/* Account Navigation Sidebar */
.account-navigation {
    background: #fff;
    border-radius: 12px;
    padding: 30px 0;
    height: fit-content;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    position: sticky;
    top: 100px;
}

.account-title {
    font-size: 24px;
    font-weight: 700;
    margin: 0 30px 30px 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.account-nav-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.account-nav-menu li {
    margin: 0;
}

.account-nav-menu li a {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 30px;
    color: #666;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 15px;
    font-weight: 500;
}

.account-nav-menu li a:hover {
    background: #f8f8f8;
    color: #000;
}

.account-nav-menu li.active a {
    background: #000;
    color: #fff;
}

.account-nav-menu li.active a svg {
    stroke: #fff;
}

.account-nav-menu li a svg {
    flex-shrink: 0;
}

/* Account Content Area */
.account-content {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Responsive for logged in layout */
@media (max-width: 991px) {
    .account-wrapper {
        grid-template-columns: 1fr;
    }

    .account-navigation {
        position: static;
    }
}
/* Fix Register Form Layout */
.register-form-box .woocommerce-privacy-policy-text {
    font-size: 12px !important;
    color: #666 !important;
    line-height: 1.5 !important;
    margin: 15px 0 25px 0 !important;
    text-align: left !important;
}

.register-form-box .woocommerce-privacy-policy-text a {
    color: #000 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.register-form-box .woocommerce-privacy-policy-text a:hover {
    text-decoration: underline !important;
}

.register-form-box .form-row {
    margin-bottom: 0 !important;
}

.register-form-box label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
}
/* Hide duplicate WooCommerce navigation */
.woocommerce-MyAccount-navigation {
    display: none !important;
}

/* Dashboard Content Styling */
.woocommerce-MyAccount-content {
    font-size: 15px;
    line-height: 1.8;
}

.woocommerce-MyAccount-content p {
    margin-bottom: 20px;
}

/* Info Messages */
.woocommerce-info {
    background: #e7f3ff !important;
    border-left: 4px solid #2196F3 !important;
    padding: 15px 20px !important;
    border-radius: 5px !important;
    margin-bottom: 25px !important;
    color: #0d47a1 !important;
}

.woocommerce-info a {
    color: #000 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

/* Welcome Message */
.woocommerce-MyAccount-content > p:first-child {
    font-size: 16px !important;
    font-weight: 500 !important;
}

/* Links in dashboard */
.woocommerce-MyAccount-content a {
    color: #000;
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-MyAccount-content a:hover {
    text-decoration: underline;
}
/* ========================================
   MILANO FONT STYLING FOR WOOCOMMERCE CHECKOUT
   ======================================== */

/* Apply Milano's orange/gold color to checkout headings */
body.woocommerce-checkout h3,
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout .wc-block-checkout__heading {
    color: #c89b5a !important; /* Milano gold/orange */
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
}

/* Main checkout page heading */
body.woocommerce-checkout .entry-title,
body.woocommerce-checkout h1.page-title {
    color: #c89b5a !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    font-size: 32px !important;
    letter-spacing: 0.02em !important;
}

/* Section headings - "Billing details", "Your order", etc */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper h3,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3 {
    color: #c89b5a !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    margin-bottom: 20px !important;
}

/* Form labels */
body.woocommerce-checkout label,
body.woocommerce-checkout .woocommerce-form__label,
body.woocommerce-checkout .form-row label {
    color: #666 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* Input fields */
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout select,
body.woocommerce-checkout textarea {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #111 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    padding: 12px 16px !important;
}

/* Order review section */
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
    font-family: 'Poppins', sans-serif !important;
}

/* Order review heading */
body.woocommerce-checkout #order_review_heading {
    color: #c89b5a !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    margin-bottom: 20px !important;
}

/* Product names in order review */
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #111 !important;
}

/* Prices */
body.woocommerce-checkout .woocommerce-Price-amount,
body.woocommerce-checkout .amount {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    color: #111 !important;
}

/* Subtotal, Total labels */
body.woocommerce-checkout .cart-subtotal th,
body.woocommerce-checkout .order-total th {
    color: #666 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* Total amount - make it stand out */
body.woocommerce-checkout .order-total .woocommerce-Price-amount {
    color: #c89b5a !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Place order button */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    background-color: #111 !important;
    color: #fff !important;
    border: none !important;
    padding: 16px 40px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

body.woocommerce-checkout #place_order:hover {
    background-color: #333 !important;
    transform: translateY(-2px) !important;
}

/* Payment method labels */
body.woocommerce-checkout .wc_payment_method label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Required asterisk color */
body.woocommerce-checkout .required {
    color: #c89b5a !important;
}

/* ========================================
   WOOCOMMERCE BLOCKS CHECKOUT (if using blocks)
   ======================================== */

/* Block headings */
.wc-block-checkout h2,
.wc-block-checkout h3,
.wc-block-checkout .wc-block-components-checkout-step__heading {
    color: #c89b5a !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
}

/* Block labels */
.wc-block-checkout label,
.wc-block-components-text-input label {
    color: #666 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* Block inputs */
.wc-block-checkout input,
.wc-block-checkout select,
.wc-block-components-text-input input {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
}

/* Block totals */
.wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
    color: #c89b5a !important;
    font-weight: 600 !important;
}
/* ========================================
   CHECKOUT INPUT BOXES - BIGGER + FIX DROPDOWN TEXT
   Added: Feb 2, 2026 - FIXED VERSION
   ======================================== */

/* ===== MAKE ALL INPUT BOXES BIGGER ===== */
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="password"],
body.woocommerce-checkout textarea,
.woocommerce form .form-row input[type="text"],
.woocommerce form .form-row input[type="email"],
.woocommerce form .form-row input[type="tel"],
.woocommerce form .form-row textarea {
    padding: 20px 22px !important; /* BIGGER */
    font-size: 16px !important;
    min-height: 60px !important; /* BIGGER */
    line-height: 1.4 !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    color: #111 !important;
}

/* ===== DROPDOWNS - FIX TEXT DISPLAY ===== */
body.woocommerce-checkout select,
.woocommerce form .form-row select {
    padding: 20px 22px !important; /* BIGGER */
    font-size: 16px !important;
    min-height: 60px !important; /* BIGGER */
    height: 60px !important;
    line-height: 1.4 !important; /* NORMAL line-height so text shows */
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    color: #111 !important;
    overflow: visible !important;
}

/* ===== LABELS - MILANO STYLE ===== */
body.woocommerce-checkout label,
.woocommerce form .form-row label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #666 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* ===== TEXTAREA SPECIFIC ===== */
body.woocommerce-checkout textarea,
.woocommerce form .form-row textarea {
    min-height: 120px !important; /* BIGGER */
    line-height: 1.5 !important;
    padding: 20px 22px !important;
}

/* ===== INPUT FOCUS STATE ===== */
body.woocommerce-checkout input:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus {
    border-color: #999 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* ===== MOBILE ADJUSTMENTS ===== */
@media (max-width: 767px) {
    body.woocommerce-checkout input,
    body.woocommerce-checkout select,
    body.woocommerce-checkout textarea,
    .woocommerce form .form-row input,
    .woocommerce form .form-row select {
        font-size: 16px !important; /* Prevents iOS zoom */
        padding: 18px 20px !important;
        min-height: 56px !important;
    }

    body.woocommerce-checkout select,
    .woocommerce form .form-row select {
        height: 56px !important;
    }
}
/* ===== VARIATION SWATCHES - MILANO STYLE (ORANGE SELECTED) ===== */
/* For WooCommerce Variation Swatches plugin (cfvsw- classes) */

/* Swatches container */
.cfvsw-swatches-container {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

/* Individual swatch button */
.cfvsw-swatches-option {
    border: 2px solid #ddd !important;
    background: white !important;
    cursor: pointer;
    border-radius: 4px !important;
    transition: all 0.2s ease;
}

/* Swatch inner content */
.cfvsw-swatch-inner {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

/* Hover effect */
.cfvsw-swatches-option:hover {
    border-color: #c9935a !important;
}

/* SELECTED STATE - ORANGE BACKGROUND (Milano style) */
.cfvsw-swatches-option.cfvsw-selected-swatch {
    background: #c9935a !important;
    border-color: #c9935a !important;
}

.cfvsw-swatches-option.cfvsw-selected-swatch .cfvsw-swatch-inner {
    color: white !important;
}

/* Label styling */
.cfvsw-swatches-container .label {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #333;
    margin-bottom: 8px;
}
/* ===== ADD "COLOR" AND "SIZE" LABELS ABOVE BUTTONS ===== */

/* Show the attribute label (COLOR, SIZE) */
.cfvsw-swatches-container .label,
.variations tr.cfvsw-hidden-select,
table.variations tr {
    display: table-row !important;
}

table.variations td.label {
    display: table-cell !important;
    padding-right: 15px;
    padding-bottom: 10px;
    vertical-align: top;
}

table.variations td.label label {
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #333 !important;
    margin: 0 !important;
    display: block !important;
}

table.variations td.value {
    display: table-cell !important;
}

/* Make sure the wrapper table shows */
table.variations {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: separate;
    border-spacing: 0;
}


/* ===== MOBILE SEARCH & CART - UNDER BLACK HEADER ===== */

/* Make sure header stays on top */
header, .header-wrapper, .nav-bar {
    z-index: 9999 !important;
    position: relative !important;
}

/* Search overlay - under header */
.search-overlay, .woo-cart-overlay, #woo-cart-overlay {
    z-index: 9998 !important;
}

/* Mini cart sidebar - under header */
#mini-cart-sidebar, .woo-mini-cart-wrapper {
    z-index: 9998 !important;
}

/* Mobile specific fixes */
@media (max-width: 768px) {
    /* Search overlay mobile */
    .search-overlay {
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 9998 !important;
        background: rgba(0,0,0,0.9);
    }

    /* Cart overlay mobile */
    .woo-cart-overlay, #woo-cart-overlay {
        z-index: 9998 !important;
        background: rgba(0,0,0,0.5);
    }

    /* Mini cart mobile */
    .woo-mini-cart-wrapper {
        z-index: 9999 !important;
        position: fixed;
        top: 0;
        right: 0;
        width: 80%;
        max-width: 400px;
        height: 100vh;
        transform: translateX(100%);
        transition: transform 0.3s ease;
    }

    .woo-mini-cart-wrapper.active {
        transform: translateX(0);
    }

    /* Header stays on top */
    .header-container {
        z-index: 10000 !important;
    }
}

/* Fix search results positioning */
.search-overlay .search-results-container {
    z-index: 9999;
}

/* Cart close button */
.close-woo-cart {
    z-index: 10000;
}
.search-overlay, .woo-cart-overlay, #mini-cart-sidebar {
    z-index: 100 !important;
}
/* ===== MOBILE: FIX CART & SEARCH OVERLAYS UNDER HEADER ===== */
@media (max-width: 767px) {

  /* Keep the fixed Milano header on top */
  .fixed-navbar,
  .navbar-wrapper {
    position: relative !important;
    z-index: 1000 !important;
  }

  /* Dark overlay behind cart and search, but below header */
  .woo-cart-overlay,
  #woo-cart-overlay,
  #search-overlay {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 900 !important;   /* lower than header */
  }

  /* Cart sidebar panel */
  .woo-mini-cart-wrapper#mini-cart-sidebar {
    position: fixed !important;
    top: 0;
    right: 0;
    width: 80%;
    max-width: 400px;
    height: 100vh;
    z-index: 950 !important;   /* between overlay and header */
  }

  /* Make sure search content sits under the black bar, not off‑screen */
  #search-overlay .search-overlay-content {
    margin-top: 60px;          /* adjust if header height differs */
  }
}
header {
    z-index: 999 !important;
}

/* MOBILE CART FIX - UNDER BLACK HEADER */
@media (max-width: 767px) {
  .woo-mini-cart-wrapper {
    z-index: 900 !important;
  }
  .woo-cart-overlay {
    z-index: 850 !important;
  }
  .fixed-navbar,
  .navbar-wrapper {
    z-index: 999 !important;
  }
  .nav-menu-wrapper {
    z-index: 1000 !important;
  }
}

/* EMERGENCY MOBILE CART & SEARCH - UNDER HEADER */
* {
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  /* FORCE header on top */
  .fixed-navbar,
  .navbar-wrapper,
  header {
    position: relative !important;
    z-index: 999999 !important;
  }

  /* Cart sidebar LOW z-index */
  .woo-mini-cart-wrapper,
  #mini-cart-sidebar {
    z-index: 100 !important;
  }

  /* Cart overlay LOW z-index */
  .woo-cart-overlay,
  #woo-cart-overlay {
    z-index: 99 !important;
  }

  /* Search overlay LOW z-index */
  #search-overlay {
    z-index: 98 !important;
  }
}
/* ===== CART OVERLAY: keep header normal, grey only page behind ===== */
@media screen and (max-width: 767px) {

  /* Header always on top and NOT dimmed */
  .top-offer-bar { z-index: 10002 !important; }
  .fixed-navbar  { z-index: 10001 !important; }

  /* Overlay below header (so header stays clear) */
  #woo-cart-overlay,
  .woo-cart-overlay {
    z-index: 10000 !important;
  }

  /* Cart panel above overlay, but still below header */
  #mini-cart-sidebar,
  .woo-mini-cart-wrapper {
    z-index: 10000 !important;
  }

  /* If any rule is lowering the header by opacity/filter, force reset */
  .fixed-navbar,
  .top-offer-bar {
    opacity: 1 !important;
    filter: none !important;
    backdrop-filter: none !important;
  }
}
/* ===== FIX: HEADER MUST BE CLICKABLE WHEN CART IS OPEN ===== */
@media (max-width: 767px) {

  /* Put header above everything */
  .top-offer-bar,
  .fixed-navbar {
    position: fixed !important;
    z-index: 200000 !important;
    pointer-events: auto !important;
  }

  /* Keep overlay + cart below header */
  #woo-cart-overlay,
  .woo-cart-overlay {
    z-index: 150000 !important;
  }

  #mini-cart-sidebar,
  .woo-mini-cart-wrapper {
    z-index: 160000 !important;
  }

  /* Extra safety: overlay should not block the header area */
  #woo-cart-overlay,
  .woo-cart-overlay {
    top: 40px !important;              /* height of your offer bar */
    height: calc(100vh - 40px) !important;
  }
}
/* FIX: CART OVERLAY - ONLY GREY THE PAGE, NOT THE HEADER */
.woo-cart-overlay,
#woo-cart-overlay {
  top: 80px !important;
  height: calc(100vh - 80px) !important;
  pointer-events: none !important;
}

.woo-cart-overlay.active,
#woo-cart-overlay.active {
  pointer-events: auto !important;
}
/* REMOVE GREY OVERLAY FROM CART COMPLETELY */
.woo-cart-overlay,
#woo-cart-overlay {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

.woo-cart-overlay.active,
#woo-cart-overlay.active {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}