/* === GLOBAL FIXES === */

/* ✅ Prevent horizontal scroll */
html, body {
  overflow-x: hidden !important;
}

/* ✅ Normalize Header: Classic Layout */
#Top_bar {
  display: block !important;
  height: auto !important;
  min-height: 100px !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 1000 !important;
  background: #000 !important;
}

/* ✅ Align Logo Left */
#Top_bar .logo {
  float: left !important;
  margin: 0 !important;
  padding: 0 20px !important;
  max-height: 80px !important;
  display: flex !important;
  align-items: center !important;
}

/* ✅ Align Menu Right */
#Top_bar .menu_wrapper {
  float: right !important;
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  height: 100% !important;
  box-sizing: border-box !important;
  max-width: 1240px !important;
  width: 100% !important;
}

/* ✅ Menu Layout */
#Top_bar .menu_wrapper .menu {
  display: flex !important;
  flex-wrap: wrap !important;
  column-gap: 24px !important;
  row-gap: 12px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#Top_bar .menu_wrapper .menu > li {
  margin: 0 !important;
}
#Top_bar .menu_wrapper .menu > li > a {
  display: inline-block !important;
  padding: 0 14px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}

/* ✅ Remove Breadcrumb Strip (Subheader) Globally */
#Subheader {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
}

/* ✅ Global Footer Container */
#Footer .widgets_wrapper,
#Footer .container {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

/* ✅ Clearance & Archive Pages */
.archive #Content,
.archive .content_wrapper,
.archive .section_wrapper,
.archive .container,
.archive .entry-content {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

/* === SINGLE PRODUCT FIXES ONLY === */

.single-product #Wrapper,
.single-product #Header_wrapper,
.single-product #Top_bar,
.single-product #Subheader,
.single-product #Footer {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.single-product #Content,
.single-product #Content .content_wrapper,
.single-product #Content .section_wrapper,
.single-product #Content .sections_group,
.single-product #Content .container,
.single-product #Content .entry-content,
.single-product .product.type-product {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* ✅ Product Gallery */
.single-product .woocommerce-product-gallery {
  display: block !important;
  opacity: 1 !important;
}
.single-product .woocommerce-product-gallery__wrapper {
  display: block !important;
}
.single-product .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ✅ Related & Upsell Products */
.single-product .related.products,
.single-product .up-sells.products {
  padding: 0 20px !important;
}
.single-product .related ul.products,
.single-product .up-sells ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.single-product ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  text-align: left !important;
}
.single-product ul.products li.product a img {
  display: block !important;
  width: 100% !important;
  max-width: 320px !important;
  height: auto !important;
  margin: 0 0 10px 0 !important;
}
.single-product ul.products li.product .woocommerce-loop-product__title,
.single-product ul.products li.product .price {
  text-align: left !important;
}