/* ── Full width: no empty sidebar column ───────────────────── */
body.be-full-width #primary.content-area,
body.home #primary.content-area,
body.woocommerce-shop #primary.content-area,
body.tax-product_cat #primary.content-area,
body.single-product #primary.content-area,
body.woocommerce-cart #primary.content-area,
body.woocommerce-checkout #primary.content-area,
body.woocommerce-account #primary.content-area {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
}
body.be-full-width #secondary,
body.home #secondary,
body.woocommerce-cart #secondary,
body.woocommerce-checkout #secondary,
body.woocommerce-account #secondary {
  display: none !important;
}
body.home #content.site-content,
body.home #content > .col-full {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.home .col-full {
  max-width: min(1280px, 100%);
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 3vw, 2rem);
  padding-right: clamp(1rem, 3vw, 2rem);
}
body.home .be-full-bleed {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
body.home .be-full-bleed .col-full {
  max-width: min(1280px, 100%);
}

/* ── Critical usability fixes (shop vs catalog .biz) ───────── */

/* Hero: readable text on dark background */
.be-hero .be-hero__title,
.be-hero h1 {
  color: #FAFAF9 !important;
}
.be-hero .be-hero__sub {
  color: rgba(250, 250, 249, 0.78) !important;
}

/* Homepage product sections on white, not buried in dark shell */
body.home #content.site-content,
body.home #content > .col-full,
body.home #primary.content-area,
body.home #main.site-main {
  background: #fff !important;
}
.be-featured-cats,
.be-featured-products {
  background: #fff;
  padding: 3rem 0;
}
.be-featured-cats .section-title,
.be-featured-products .section-title {
  color: #1C1917 !important;
}

/* Show cart in header (catalog .biz hid it) */
.site-header-cart {
  display: flex !important;
  align-items: center;
  margin-left: auto !important;
}
.site-header-cart .cart-contents {
  color: rgba(255, 255, 255, 0.85) !important;
  font-family: Montserrat, sans-serif;
  font-size: 0.72rem !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 20px 12px !important;
}
.site-header-cart .cart-contents:hover {
  color: #CA8A04 !important;
}

/* Hide tagline + duplicate legacy footer */
.site-branding .site-description,
.site-branding .beta.site-title,
.footer-widgets,
.site-info {
  display: none !important;
}

/* Scope fade-in animation disabled — caused CLS in Lighthouse */

/* Product grid polish on homepage / shop */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1.25rem;
  margin: 0 !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none !important;
}
.woocommerce ul.products li.product {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}
.woocommerce ul.products li.product .button {
  font-size: 0.72rem !important;
  padding: 10px 16px !important;
}

/* Uniform product frame — full pack visible, no hard-crop bleed */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.woocommerce ul.products li.product .be-product-thumb {
  display: block;
  flex-shrink: 0;
  aspect-ratio: 5 / 6;
  background: #FAFAF9;
  overflow: hidden;
}
.woocommerce ul.products li.product .be-product-thumb img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center;
}

/* Carousels override grid layout */
.be-carousel .woocommerce ul.products,
.be-carousel ul.products {
  display: flex !important;
  grid-template-columns: unset !important;
}

/* Category list shortcode — compact cards, not giant blocks */
.woocommerce .product-categories,
ul.products.columns-3.product-categories {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.woocommerce .product-categories li.product,
.woocommerce ul.products li.product-category {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0.75rem !important;
  min-height: auto !important;
}
.woocommerce ul.products li.product-category img,
.woocommerce .product-categories img {
  max-height: 100px !important;
  width: auto !important;
  margin: 0 auto 0.75rem !important;
  object-fit: contain;
}
.woocommerce ul.products li.product-category h2,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  font-family: Montserrat, sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  color: #1C1917 !important;
}
.woocommerce ul.products li.product-category .count {
  display: none;
}

/* Hide duplicate page-list fallback menus if any remain */
.main-navigation .menu > ul > .page_item,
.main-navigation .handheld-navigation {
  display: none !important;
}
/* Desktop: horizontal nav */
@media (min-width: 769px) {
  .main-navigation .primary-menu,
  .main-navigation .menu.primary-menu {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
  }
  .main-navigation .menu-item-has-children > .sub-menu {
    display: none;
    position: absolute;
  }
  .main-navigation .menu-item-has-children:hover > .sub-menu,
  .main-navigation .menu-item-has-children:focus-within > .sub-menu {
    display: block;
  }
}

/* Mobile: collapsed until toggled */
@media (max-width: 768px) {
  .main-navigation .primary-menu,
  .main-navigation .menu.primary-menu {
    display: none !important;
    width: 100%;
    max-height: 70vh;
    overflow-y: auto;
    background: #292524;
    padding: 0.5rem 0;
  }
  .main-navigation.toggled .primary-menu,
  .main-navigation.toggled .menu.primary-menu {
    display: block !important;
  }
  .main-navigation .menu li {
    float: none !important;
    display: block !important;
    width: 100%;
  }
  .main-navigation .menu li a {
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }
  .main-navigation .sub-menu {
    position: static !important;
    display: block !important;
    box-shadow: none !important;
    background: #1C1917 !important;
    padding-left: 0 !important;
  }
  .main-navigation .sub-menu a {
    padding-left: 28px !important;
    font-size: 0.75rem !important;
  }
  .menu-toggle {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .storefront-handheld-footer-bar ul li.cart {
    display: list-item !important;
  }
  /* Prevent footer bar from blocking page CTAs */
  body {
    padding-bottom: 56px !important;
  }
  .storefront-handheld-footer-bar {
    pointer-events: none !important;
    z-index: 40 !important;
    height: 48px !important;
    max-height: 48px !important;
    overflow: visible !important;
  }
  .storefront-handheld-footer-bar ul {
    pointer-events: none !important;
  }
  .storefront-handheld-footer-bar ul li {
    pointer-events: none !important;
  }
  .storefront-handheld-footer-bar ul li a,
  .storefront-handheld-footer-bar ul li button {
    pointer-events: auto !important;
  }
  .woocommerce ul.products li.product .button,
  .single-product .single_add_to_cart_button {
    margin-bottom: 1rem !important;
  }
}