/* ════════════════════════════════════════════════════
   ATR STORE — THEME LAYOUT FIXES
   Add to: Appearance → Customize → Additional CSS
   ════════════════════════════════════════════════════ */


/* ── MINT BACKGROUND — ALL CONTAINERS ── */

html,
body,
.body-wrapper,
.body-wrapper-inner,
#wrapper,
#page,
#primary,
#main,
.site-main,
.content-area,
.woocommerce,
.woocommerce-page,
.page-template-default {
  background-color: #e8f5ee !important;
  background-image: none !important;
}

.container {
  background-color: transparent !important;
  background-image: none !important;
}

.vc_row,
.wpb_row,
.vc_row-fluid,
.vc_column-inner,
.wpb_wrapper {
  background-color: transparent !important;
  background-image: none !important;
}


/* ── LISTINGS TITLE BAR ── */

.listings-title {
  background-color: #e8f5ee !important;
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #c8ddd4 !important;
}

.listings-title .wrap-title {
  padding: 8px 0 !important;
  margin: 0 !important;
}

.bread {
  margin: 0 !important;
  padding: 0 !important;
}

.breadcrumbs {
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.breadcrumbs .container {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.breadcrumb {
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  font-size: 12px !important;
}

.breadcrumb li {
  display: inline !important;
  color: #666 !important;
  font-size: 12px !important;
}

.breadcrumb li a {
  color: #024d29 !important;
}

.breadcrumb li.active {
  color: #555 !important;
}


/* ── MAIN CONTENT CONTAINER ── */

.container {
  max-width: 1400px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.sidebar-row {
  display: flex !important;
  gap: 20px !important;
  padding: 20px 0 !important;
  align-items: flex-start !important;
}

#contents-detail {
  padding: 0 !important;
}


/* ── PRODUCT PAGE LAYOUT ── */

.single-product {
  padding: 0 !important;
  margin: 0 !important;
}

.product_detail {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
  padding: 20px 0 !important;
  background: transparent !important;
}

.slider_img_productd {
  background: transparent !important;
}

.content_product_detail {
  background: transparent !important;
  padding: 0 !important;
}

.product_title {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin-bottom: 12px !important;
  line-height: 1.3 !important;
}

.price {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #024d29 !important;
  margin-bottom: 16px !important;
}

.description {
  font-size: 14px !important;
  color: #444 !important;
  line-height: 1.7 !important;
  margin-bottom: 20px !important;
  background: transparent !important;
}

.product-info {
  margin-bottom: 16px !important;
  font-size: 13px !important;
  color: #555 !important;
}

.product-stock {
  margin-bottom: 6px !important;
}

.product-stock.in-stock span {
  color: #024d29 !important;
  font-weight: 600 !important;
}

.cart {
  margin-bottom: 20px !important;
  background: transparent !important;
}

.addcart-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

/* Add to cart button — single product page */
button.single_add_to_cart_button,
button.single_add_to_cart_button.button,
button.single_add_to_cart_button.alt {
  background-color: #024d29 !important;
  background-image: none !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 28px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: background .15s !important;
  display: inline-block !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

button.single_add_to_cart_button:hover {
  background-color: #036637 !important;
  color: #fff !important;
}

/* Quantity input */
.quantity.buttons_added {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  border: 1px solid #c8ddd4 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.quantity .minus,
.quantity .plus {
  background: #f5faf7 !important;
  border: none !important;
  width: 32px !important;
  height: 40px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  color: #024d29 !important;
  font-weight: 700 !important;
}

.quantity .qty {
  width: 48px !important;
  text-align: center !important;
  border: none !important;
  border-left: 1px solid #c8ddd4 !important;
  border-right: 1px solid #c8ddd4 !important;
  height: 40px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  background: #fff !important;
}


/* ── HIDE COMPARE BUTTONS ── */

a.compare.button,
a.compare.button span {
  display: none !important;
}


/* ── HIDE WISHLIST — ALL INSTANCES ── */

.yith-wcwl-add-to-wishlist,
.yith-wcwl-add-button,
.add_to_wishlist,
a.add_to_wishlist,
.yith-wcwl-add-to-wishlist--single,
.yith-wcwl-icon-svg,
div[class*="yith-wcwl"] {
  display: none !important;
}


/* ── PRODUCT GRID — ADD TO CART ALWAYS VISIBLE ── */

/* Hide the duplicate hover description, keep the real one */
.item .item-except {
  display: none !important;
}

/* Hide duplicate description */
.item .item-except {
  display: none !important;
}

/* Hide the short description blurb — keeps price tight to button */
.item .item-description {
  display: none !important;
}

/* Make the content area a flex column so we control spacing */
.item .item-content.products-content {
  display: flex !important;
  flex-direction: column !important;
  padding: 12px !important;
}

/* Push the reviews, title, price together with no gaps */
.item .reviews-content,
.item .item-content h4,
.item .item-price {
  margin-bottom: 4px !important;
  margin-top: 0 !important;
  padding: 0 !important;
}

/* product-effect and item-bottom — no extra space */
.item .product-effect,
.item .item-bottom,
.item .item-bottom.clearfix {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Push button to bottom of card with equal spacing above and below */
.item a.add_to_cart_button,
.item a.ajax_add_to_cart,
.item .button.product_type_simple {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  width: 100% !important;
  background-color: #024d29 !important;
  background-image: none !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 28px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background .15s !important;
  margin: 8px 0 4px !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-sizing: border-box !important;
}

.item a.add_to_cart_button:hover,
.item a.ajax_add_to_cart:hover,
.item .button.product_type_simple:hover {
  background-color: #036637 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Show the action area without hover */
.item .product-effect {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  transform: none !important;
  transition: none !important;
}

.item .item-bottom {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 8px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.item .item-bottom a.button,
.item .item-bottom .button {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Add to cart button on product grid cards */
.item a.add_to_cart_button,
.item a.ajax_add_to_cart,
.item .button.product_type_simple {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  width: 100% !important;
  background-color: #024d29 !important;
  background-image: none !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 28px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background .15s !important;
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.item a.add_to_cart_button:hover,
.item a.ajax_add_to_cart:hover,
.item .button.product_type_simple:hover {
  background-color: #036637 !important;
  color: #fff !important;
  text-decoration: none !important;
}


/* ── PRODUCT TABS ── */

.tabs {
  margin-top: 30px !important;
  background: transparent !important;
}

.tabbable {
  background: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.nav-tabs {
  background: #f5f5f5 !important;
  border-bottom: 1px solid #ddd !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  list-style: none !important;
}

.nav-tabs li {
  margin: 0 !important;
  border: none !important;
}

.nav-tabs li a {
  display: block !important;
  padding: 12px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #555 !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent !important;
  transition: color .12s !important;
}

.nav-tabs li.active a,
.nav-tabs li a:hover {
  color: #024d29 !important;
  border-bottom-color: #024d29 !important;
  background: transparent !important;
}

.tabbable .tab-content,
.tabs .tabbable .tab-content,
.single-product .tabbable .tab-content,
.woocommerce .tabbable .tab-content {
  padding: 24px 24px 54px !important;
  background: #fff !important;
}

.tab-pane h2 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin-bottom: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
}

.tab-pane h3 {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin-bottom: 10px !important;
  margin-top: 16px !important;
}

.tab-pane p {
  font-size: 14px !important;
  color: #444 !important;
  line-height: 1.7 !important;
  margin-bottom: 12px !important;
}

.tab-pane ul {
  margin-left: 20px !important;
  margin-bottom: 12px !important;
}

.tab-pane ul li {
  font-size: 14px !important;
  color: #444 !important;
  line-height: 1.7 !important;
  margin-bottom: 4px !important;
}

.shop_attributes {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 13px !important;
}

.shop_attributes tr {
  border-bottom: 1px solid #f0f0f0 !important;
}

.shop_attributes th {
  padding: 10px 12px 14px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  width: 30% !important;
  text-align: left !important;
  background: #f9f9f9 !important;
}

.shop_attributes td {
  padding: 10px 12px !important;
  color: #555 !important;
}


/* ── SHOP / CATEGORY PAGE PRODUCT GRID ── */

.products-loop {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.item.col-lg-4,
.item.col-md-6 {
  padding: 8px !important;
}

.products-entry {
  background: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: box-shadow .15s !important;
  height: 100% !important;
}

.products-entry:hover {
  box-shadow: 0 4px 16px rgba(2,77,41,.1) !important;
}

.item-img {
  background: #fff !important;
  padding: 12px !important;
  text-align: center !important;
}

.item-img img {
  max-height: 200px !important;
  width: auto !important;
  object-fit: contain !important;
}

.item-content.products-content {
  padding: 12px 12px 16px !important;
  background: transparent !important;
  overflow: visible !important;
}

.item-content h4 a {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
}

.item-content h4 a:hover {
  color: #024d29 !important;
}

.item-price {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #024d29 !important;
  margin: 6px 0 !important;
}

.add_to_cart_button {
  display: block !important;
  width: 100% !important;
  background-color: #024d29 !important;
  color: #fff !important;
  border: none !important;
  padding: 9px 12px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background .15s !important;
  margin-top: 8px !important;
}

.add_to_cart_button:hover {
  background-color: #036637 !important;
  color: #fff !important;
  text-decoration: none !important;
}

.meta-location {
  font-size: 11px !important;
  color: #777 !important;
  padding: 4px 8px !important;
  background: #f5faf7 !important;
  border-top: 1px solid #f0f0f0 !important;
}


/* ── FOOTER ── */

#footer,
.footer,
.footer-copyright {
  background-color: #024d29 !important;
  background-image: none !important;
  color: #fff !important;
}

.footer .container,
.footer-copyright .container {
  background: transparent !important;
}

.copyright-text {
  color: #a8d4be !important;
  font-size: 12px !important;
}


/* ── RESPONSIVE ── */

@media (max-width: 991px) {
  .sidebar-row {
    flex-direction: column !important;
  }
  .product_detail {
    flex-direction: column !important;
  }
}

@media (max-width: 600px) {
  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .tab-content {
    padding: 16px !important;
  }
  .addcart-wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}