/* ============================================================
   ALMADA FIXES — Loaded last to override everything
   ============================================================ */


/* Prevent breadcrumb overlap specifically */
.woocommerce-breadcrumb {
  margin-top: 0 !important;
  position: relative;
  z-index: 1;
}

/* Prevent breadcrumb overlap specifically */
.woocommerce-breadcrumb {
  margin-top: 0 !important;
  position: relative;
  z-index: 1;
}

/* ----------------------------------------------------------
   Single product — guarantees below button row
   ---------------------------------------------------------- */
.single-product form.cart {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
}

.single-product .almada-guarantees {
  width: 100% !important;
  flex-basis: 100% !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-top: 16px !important;
  justify-content: flex-start !important;
}

.almada-guarantee-item {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14px !important;
}

@media (max-width: 768px) {
  .single-product .almada-guarantees {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
}

/* Single product button — full width on mobile without text truncation */
@media (max-width: 600px) {
  .single-product .single_add_to_cart_button {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
    min-height: 48px !important;
    height: auto !important;
    padding: 12px 16px !important;
  }
}

/* =========================================================
   KILL HERO SECTIONS — Hide on cart, checkout, account, shop, and contact page
   ========================================================= */
body.woocommerce-cart > #wrapper section.entry-hero.page-hero-section,
body.woocommerce-checkout > #wrapper section.entry-hero.page-hero-section,
body.woocommerce-account > #wrapper section.entry-hero.page-hero-section,
body.woocommerce-shop > #wrapper section.entry-hero.product-archive-hero-section,
body.post-type-archive-product > #wrapper section.entry-hero.product-archive-hero-section,
body.tax-product_cat > #wrapper section.entry-hero.product-archive-hero-section,
body.tax-product_tag > #wrapper section.entry-hero.product-archive-hero-section,
body.archive > #wrapper section.entry-hero.product-archive-hero-section,
body.page-id-298 > #wrapper section.entry-hero.page-hero-section {
    display: none !important;
}

/* =========================================================
   MOBILE HEADER CLEARANCE — Push content below fixed mobile header
   ========================================================= */
@media (max-width: 1024px) {
    /* Push everything below the fixed header on mobile/tablet */
    html body #inner-wrap {
        padding-top: 90px !important;
    }

    /* Exception: pages that have their OWN hero with intentional spacing 
       (home page hero, archive heroes) shouldn't get double-pushed */
    html body.home #inner-wrap,
    html body.woocommerce-shop #inner-wrap,
    html body.archive #inner-wrap {
        padding-top: 0 !important;
    }

    /* For home/archive pages, push only the hero content instead */
    html body.home section.almada-hero,
    html body.home .almada-hero-bg,
    html body.home .almada-hero-content {
        padding-top: 90px !important;
    }

    html body.woocommerce-shop #inner-wrap > *:first-child,
    html body.archive.woocommerce #inner-wrap > *:first-child {
        padding-top: 90px !important;
    }
}

@media (max-width: 480px) {
    html body #inner-wrap {
        padding-top: 80px !important;
    }
    html body.home section.almada-hero,
    html body.home .almada-hero-bg,
    html body.home .almada-hero-content {
        padding-top: 80px !important;
    }
}