/* ============================================================
   TherOrganic — WooCommerce Custom Styles
   Applies to: Shop, Product, Cart, Checkout pages
   ============================================================ */

:root {
  --hg-primary: #2D6A4F;
  --hg-primary-dark: #1B4332;
  --hg-accent: #F4A261;
  --hg-accent-dark: #E76F51;
  --hg-bg: #FAFAF5;
  --hg-bg-alt: #F0F4EF;
  --hg-text: #1A1A2E;
  --hg-muted: #6B7280;
  --hg-border: #E5E7EB;
  --hg-white: #FFFFFF;
}

/* ── Global Page Background ── */
body.woocommerce,
body.woocommerce-page {
  background: var(--hg-bg) !important;
  font-family: 'Poppins', system-ui, sans-serif;
}

/* ── Page Title ── */
.woocommerce .page-title,
.woocommerce-page .page-title {
  color: var(--hg-primary);
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

/* ── Buttons — All WooCommerce Buttons ── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #payment #place_order {
  background: var(--hg-primary) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
  padding: .75rem 1.75rem !important;
  border: none !important;
  transition: background .3s, transform .3s !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce #payment #place_order:hover {
  background: var(--hg-primary-dark) !important;
  color: #fff !important;
  transform: translateY(-2px);
}

/* Add to Cart button — accent color (single product page) */
.woocommerce .single_add_to_cart_button,
.woocommerce button.single_add_to_cart_button,
.woocommerce button[name="add-to-cart"],
.woocommerce input[name="add-to-cart"],
.woocommerce .product form.cart button,
.woocommerce div.product form.cart .button,
.woocommerce div.product .cart button.button,
button.single_add_to_cart_button,
.single_add_to_cart_button {
  background: #F4A261 !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(244,162,97,.4) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  border: none !important;
}
.woocommerce .single_add_to_cart_button:hover,
.woocommerce button.single_add_to_cart_button:hover,
.woocommerce div.product form.cart .button:hover,
.single_add_to_cart_button:hover {
  background: #E76F51 !important;
  color: #fff !important;
}

/* ── Astra sticky Add to Cart bar ── */
.woocommerce div.ast-sticky-add-to-cart-action-wrap .button.single_add_to_cart_button,
.woocommerce div.ast-sticky-add-to-cart-action-wrap button.single_add_to_cart_button,
.ast-sticky-add-to-cart button[name="add-to-cart"] {
  background: #F4A261 !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: none !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(244,162,97,.4) !important;
}
.woocommerce div.ast-sticky-add-to-cart-action-wrap .button.single_add_to_cart_button:hover,
.woocommerce div.ast-sticky-add-to-cart-action-wrap button.single_add_to_cart_button:hover,
.ast-sticky-add-to-cart button[name="add-to-cart"]:hover {
  background: #E76F51 !important;
  color: #fff !important;
}

/* Place Order button */
.woocommerce #payment #place_order {
  background: var(--hg-accent) !important;
  font-size: 1rem !important;
  padding: 1rem 2rem !important;
  width: 100% !important;
  box-shadow: 0 4px 14px rgba(244,162,97,.4) !important;
}
.woocommerce #payment #place_order:hover {
  background: var(--hg-accent-dark) !important;
}

/* ── Product Cards on Shop Page ── */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--hg-text) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1rem !important;
}

.woocommerce ul.products li.product .price {
  color: var(--hg-primary) !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
}

ul.products li.product {
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #E5E7EB !important;
  padding: 1rem !important;
  transition: transform .3s, box-shadow .3s !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;
  display: flex !important;
  flex-direction: column !important;
}

ul.products li.product .astra-shop-summary-wrap {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

ul.products li.product .astra-shop-summary-wrap a.hg-atc-btn,
ul.products li.product .astra-shop-summary-wrap a.add_to_cart_button {
  margin-top: auto !important;
}

ul.products li.product:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 32px rgba(0,0,0,.12) !important;
}

ul.products li.product img {
  border-radius: 8px !important;
  margin-bottom: .75rem !important;
}

/* Sale badge */
.woocommerce span.onsale {
  background: var(--hg-accent) !important;
  border-radius: 999px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  min-height: auto !important;
  line-height: 1 !important;
  padding: .4rem .8rem !important;
  min-width: auto !important;
}

/* ── Single Product Page ── */
.woocommerce div.product .product_title {
  color: var(--hg-text) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--hg-primary) !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
}

.woocommerce div.product .woocommerce-product-details__short-description {
  color: var(--hg-muted);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

/* Quantity input */
.woocommerce .quantity input.qty {
  border: 1.5px solid var(--hg-border) !important;
  border-radius: 6px !important;
  font-size: 1rem !important;
  color: var(--hg-text) !important;
  text-align: center !important;
}

.woocommerce .quantity input.qty:focus {
  border-color: var(--hg-primary) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(45,106,79,.12) !important;
}

/* Product tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--hg-primary) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: var(--hg-primary) !important;
}

/* ── Cart Page ── */
.woocommerce-cart .woocommerce-cart-form table.shop_table {
  border-radius: 12px !important;
  overflow: hidden;
  border: 1px solid var(--hg-border) !important;
}

.woocommerce-cart .woocommerce-cart-form table.shop_table th {
  background: var(--hg-bg-alt) !important;
  color: var(--hg-text) !important;
  font-weight: 600 !important;
  font-size: .85rem !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  padding: 1rem !important;
}

.woocommerce-cart table.cart td.product-name a {
  color: var(--hg-text) !important;
  font-weight: 600 !important;
}

.woocommerce-cart table.cart td.product-name a:hover {
  color: var(--hg-primary) !important;
}

.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-page .cart-collaterals .cart_totals h2 {
  color: var(--hg-text) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.3rem !important;
}

.woocommerce .cart-collaterals .cart_totals {
  background: var(--hg-white) !important;
  border: 1px solid var(--hg-border) !important;
  border-radius: 12px !important;
  padding: 1.5rem !important;
}

.woocommerce .cart_totals .order-total .amount {
  color: var(--hg-primary) !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
}

/* Remove item button */
.woocommerce-cart table.cart a.remove {
  color: var(--hg-accent) !important;
  font-size: 1.2rem !important;
}
.woocommerce-cart table.cart a.remove:hover {
  background: var(--hg-accent) !important;
  color: #fff !important;
}

/* ── Checkout Page ── */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout #order_review_heading {
  color: var(--hg-text) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.3rem !important;
  margin-bottom: 1.25rem !important;
  padding-bottom: .75rem !important;
  border-bottom: 2px solid var(--hg-border) !important;
}

.woocommerce-checkout .form-row label {
  color: var(--hg-text) !important;
  font-weight: 600 !important;
  font-size: .875rem !important;
  margin-bottom: .4rem !important;
}

.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
  border: 1.5px solid var(--hg-border) !important;
  border-radius: 6px !important;
  padding: .75rem 1rem !important;
  font-size: .9rem !important;
  color: var(--hg-text) !important;
  background: var(--hg-white) !important;
  transition: border-color .3s, box-shadow .3s !important;
}

.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row textarea:focus {
  border-color: var(--hg-primary) !important;
  box-shadow: 0 0 0 3px rgba(45,106,79,.12) !important;
  outline: none !important;
}

/* Order review box */
.woocommerce-checkout #order_review {
  background: var(--hg-white) !important;
  border: 1px solid var(--hg-border) !important;
  border-radius: 12px !important;
  padding: 1.5rem !important;
}

/* Payment box */
.woocommerce #payment {
  background: var(--hg-bg-alt) !important;
  border-radius: 12px !important;
}

/* COD label */
.woocommerce-checkout #payment .payment_method_cod label {
  color: var(--hg-text) !important;
  font-weight: 600 !important;
}

/* ── Notices & Messages ── */
.woocommerce-message {
  border-top-color: var(--hg-primary) !important;
  background: rgba(45,106,79,.06) !important;
}

.woocommerce-message a.button {
  background: var(--hg-primary) !important;
}

.woocommerce-error {
  border-top-color: #EF4444 !important;
}

/* ── Order Confirmation Page ── */
.woocommerce-order-received h2,
.woocommerce-thankyou-order-details {
  color: var(--hg-primary) !important;
}

.woocommerce-order-received .woocommerce-thankyou-order-details li {
  background: var(--hg-bg-alt) !important;
  border-radius: 8px !important;
  padding: 1rem !important;
  margin-bottom: .5rem !important;
}

/* ── Links ── */
.woocommerce a:not(.button):not(.hg-woo-logo):not(.hg-woo-cart):not(.hg-woo-btn):not(.hg-syn-sl):not(.hg-syn-wa):not(.hg-syn-links a) {
  color: var(--hg-primary);
}

.woocommerce a:not(.button):not(.hg-woo-logo):not(.hg-woo-cart):not(.hg-woo-btn):not(.hg-syn-sl):not(.hg-syn-wa):not(.hg-syn-links a):hover {
  color: var(--hg-accent);
}

/* ── Synced footer — force correct colors on WooCommerce pages ── */
.hg-syn-footer,
.hg-syn-footer * {
  box-sizing: border-box;
}
.hg-syn-footer .hg-syn-tag { color: rgba(255,255,255,.6) !important; }
.hg-syn-footer .hg-syn-sl { color: rgba(255,255,255,.7) !important; background: rgba(255,255,255,.08) !important; text-decoration: none !important; }
.hg-syn-footer .hg-syn-sl:hover { background: #F4A261 !important; color: #fff !important; }
.hg-syn-footer .hg-syn-h { color: #fff !important; }
.hg-syn-footer .hg-syn-links a { color: rgba(255,255,255,.6) !important; text-decoration: none !important; }
.hg-syn-footer .hg-syn-links a:hover { color: #F4A261 !important; }
.hg-syn-footer .hg-syn-contact li { color: rgba(255,255,255,.6) !important; }
.hg-syn-footer .hg-syn-contact li i { color: #F4A261 !important; }
.hg-syn-footer .hg-syn-wa { background: #25D366 !important; color: #fff !important; text-decoration: none !important; }
.hg-syn-footer .hg-syn-wa:hover { background: #1ebe57 !important; color: #fff !important; }
.hg-syn-footer .hg-syn-bottom p { color: rgba(255,255,255,.45) !important; }
.hg-syn-footer .hg-syn-bottom i { color: #E76F51 !important; }

/* ── Breadcrumb ── */
.woocommerce .woocommerce-breadcrumb {
  color: var(--hg-muted) !important;
  font-size: .85rem !important;
  margin-bottom: 1.5rem !important;
}

.woocommerce .woocommerce-breadcrumb a {
  color: var(--hg-primary) !important;
}

/* ── Hide "Guaranteed Safe Checkout" payment icons (COD only store) ── */
fieldset.ast-single-product-payments { display: none !important; }

/* ── Proceed to Checkout button ── */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.checkout-button,
.wc-proceed-to-checkout .button,
a.checkout-button,
.checkout-button {
  background: #F4A261 !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(244,162,97,.4) !important;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce a.checkout-button:hover,
a.checkout-button:hover {
  background: #E76F51 !important;
  color: #fff !important;
}

/* ── Star Ratings ── */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
  color: #FBBF24 !important;
}

/* ── Hide Organic Store / Astra theme header & footer on all WooCommerce + block checkout pages ── */
.woocommerce-checkout .site-header,
.woocommerce-checkout #masthead,
.woocommerce-checkout header#masthead,
.woocommerce-checkout .ast-site-header-wrap,
.woocommerce-checkout .main-header-bar,
.woocommerce-checkout .site-footer,
.woocommerce-checkout #colophon,
.woocommerce-checkout .ast-site-footer,
.woocommerce-checkout #secondary,
.woocommerce-checkout .widget-area { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; }
.woocommerce-checkout #primary { width: 100% !important; max-width: 100% !important; float: none !important; }

/* ── Hide Organic Store / Astra theme header & footer on WooCommerce pages ── */
body.woocommerce .site-header,
body.woocommerce-page .site-header,
body.woocommerce #masthead,
body.woocommerce-page #masthead,
body.woocommerce .ast-site-header-wrap,
body.woocommerce-page .ast-site-header-wrap,
body.woocommerce header.entry-header,
body.woocommerce-page header.entry-header,
body.woocommerce header#masthead,
body.woocommerce-page header#masthead,
body.woocommerce .main-header-bar,
body.woocommerce-page .main-header-bar,
body.woocommerce .ast-desktop-header,
body.woocommerce-page .ast-desktop-header,
body.woocommerce .ast-mobile-header,
body.woocommerce-page .ast-mobile-header {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* ── Hide theme footer on WooCommerce pages ── */
body.woocommerce .site-footer,
body.woocommerce-page .site-footer,
body.woocommerce #colophon,
body.woocommerce-page #colophon,
body.woocommerce .ast-site-footer,
body.woocommerce-page .ast-site-footer,
body.woocommerce .site-below-footer-wrap,
body.woocommerce-page .site-below-footer-wrap,
body.woocommerce .footer-widget-area,
body.woocommerce-page .footer-widget-area {
  display: none !important;
}

/* ── Hide left sidebar on Shop page ── */
body.woocommerce .widget-area,
body.woocommerce-page .widget-area,
body.woocommerce #secondary,
body.woocommerce-page #secondary,
body.woocommerce-shop #secondary,
body.woocommerce-shop .widget-area,
.woocommerce-page .ast-layout-sidebar-left .ast-sidebar,
.woocommerce-page .ast-layout-sidebar-right .ast-sidebar,
body.woocommerce aside#secondary,
body.woocommerce-page aside#secondary,
body.woocommerce aside.widget-area,
body.woocommerce-page aside.widget-area,
body.woocommerce div#secondary,
body.woocommerce-page div#secondary {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* Make shop use full width when sidebar hidden */
body.woocommerce .ast-woocommerce-container,
body.woocommerce-page .ast-woocommerce-container,
body.woocommerce #primary,
body.woocommerce-page #primary,
body.woocommerce-shop #primary {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/* ── Add to Cart button — orange-gold #F4A261 everywhere sitewide ── */
ul.products li.product a.add_to_cart_button,
ul.products li.product a.button,
ul.products li.product a.hg-atc-btn,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.hg-atc-btn,
a.add_to_cart_button,
a.hg-atc-btn {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  background: var(--hg-accent) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
  padding: .75rem 1.75rem !important;
  border: none !important;
  text-align: center !important;
  text-decoration: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: background .3s !important;
}
ul.products li.product a.add_to_cart_button:hover,
ul.products li.product a.button:hover,
ul.products li.product a.hg-atc-btn:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover,
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product a.hg-atc-btn:hover {
  background: var(--hg-accent-dark) !important;
  color: #fff !important;
  transform: none !important;
}

/* ── Hide Quick View button ── */
.woocommerce ul.products li.product .woosq-btn,
.woocommerce ul.products li.product .quick-view-button,
.woocommerce ul.products li.product a.yith-wcqv-button {
  display: none !important;
}

/* ── Wishlist button — same style as Add to Cart ── */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist {
  display: block !important;
  text-align: center !important;
  margin-top: .5rem !important;
}
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a,
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a,
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist .add_to_wishlist,
.woocommerce ul.products li.product .yith-wcwl-add-button .add_to_wishlist {
  background: var(--hg-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  font-size: .9rem !important;
  font-weight: 600 !important;
  padding: .75rem 1.75rem !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  box-shadow: none !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  transition: background .3s !important;
  -webkit-border-radius: 999px !important;
}
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a:hover,
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:hover,
.woocommerce ul.products li.product .yith-wcwl-add-button .add_to_wishlist:hover {
  background: var(--hg-primary-dark) !important;
  color: #fff !important;
  transform: none !important;
}

/* ── Hide Astra overlay ADD TO CART inside thumbnail (image area) — keep ours in summary area ── */
.astra-shop-thumbnail-wrap .add_to_cart_button,
.astra-shop-thumbnail-wrap a.button,
.astra-shop-thumbnail-wrap .woocommerce-product-loop-add-to-cart { display: none !important; }

/* ── Force orange Add to Cart button everywhere including homepage shortcode ── */
.woocommerce ul.products li.product .astra-shop-summary-wrap a.add_to_cart_button,
.woocommerce ul.products li.product .astra-shop-summary-wrap a.button,
.woocommerce-page ul.products li.product .astra-shop-summary-wrap a.add_to_cart_button,
.woocommerce-page ul.products li.product .astra-shop-summary-wrap a.button,
body ul.products li.product .astra-shop-summary-wrap a.add_to_cart_button,
body ul.products li.product .astra-shop-summary-wrap a.button {
  background: #F4A261 !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: none !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
  padding: .75rem 1.75rem !important;
  display: block !important;
  text-align: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-top: auto !important;
  text-decoration: none !important;
  font-family: 'Poppins', sans-serif !important;
}

/* ── Hide Astra hover overlay buttons completely (we use our own orange button) ── */
.ast-shop-product-in-loop .ast-shop-thumbnail-wrap .ast-btn-icon-cart,
.astra-shop-thumbnail-wrap .woocommerce-product-loop-add-to-cart,
.astra-shop-thumbnail-wrap .ast-shop-overlay,
.astra-shop-thumbnail-wrap .ast-woo-shop-product-btn-group,
.ast-product-overlay,
.ast-shop-thumbnail-wrap > a.button,
.ast-loop-product__link + a.button,
.astra-shop-thumbnail-wrap a.button.product_type_simple,
.woosq-btn,
.woocommerce ul.products li.product .button:not(.hg-atc-btn):not(.add_to_cart_button) { display: none !important; }

/* Touch devices — hide hover overlays that get stuck on tap */
@media (hover: none), (pointer: coarse) {
  .astra-shop-thumbnail-wrap .ast-shop-overlay,
  .ast-product-overlay,
  .woosc-btn, .woosq-btn,
  .astra-shop-thumbnail-wrap a.button { display: none !important; }
}

/* ── Hide coupon popup/bar from any plugin ── */
.woo-coupon-bar, .woo-coupon-popup, .woo-coupon-widget,
.wcap-coupon-bar, .wcap-popup, [class*="coupon-bar"],
[class*="coupon-popup"], [class*="coupon-widget"],
.moderncart-coupon, [class*="mc-coupon"],
.wc-cart-abandonment-coupon, [id*="coupon-bar"],
[id*="coupon-popup"] { display: none !important; }

/* ── Modern Cart — branding + mobile safety ──
   The plugin's own CSS handles positioning correctly (it loads fine since
   the https fix). We only brand it and guarantee touch scrolling. */

/* Brand colors — the plugin themes itself from these variables */
:root {
  --moderncart-primary-color: #2D6A4F;
  --moderncart-primary-color-light: #F0F4EF;
  --moderncart-floating-icon-bg-color: #2D6A4F;
}

/* Keep the drawer above our navbar and footer */
#moderncart-slide-out-modal { z-index: 999999 !important; }
#moderncart-slide-out {
  z-index: 1000000 !important;
  /* never taller than the *visible* mobile viewport (URL bar aware) */
  max-height: 100vh !important;
  max-height: 100dvh !important;
}

/* Guarantee the items area touch-scrolls on real devices */
#moderncart-slide-out .moderncart-slide-out-cart {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  min-height: 0 !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
}

/* Admin bar: plugin offsets the drawer 32px, but we hide the bar on mobile */
@media (max-width: 782px) {
  body.admin-bar #moderncart-slide-out {
    top: 0 !important;
    height: 100% !important;
  }
}

/* Drawer checkout button — brand orange pill like every other CTA */
#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total a.checkout-button {
  background-color: #F4A261 !important;
  border-color: #F4A261 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}
#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total a.checkout-button:hover {
  background-color: #E76F51 !important;
  border-color: #E76F51 !important;
}

/* Floating cart — the visible circle is the inner <button>, not the wrapper */
#moderncart-floating-cart {
  background: transparent !important;
  bottom: 20px !important; right: 20px !important; left: auto !important; top: auto !important;
}
#moderncart-floating-cart button {
  background-color: #2D6A4F !important;
}
#moderncart-floating-cart button:hover,
#moderncart-floating-cart button:focus {
  background-color: #1B4332 !important;
}
#moderncart-floating-cart svg,
#moderncart-floating-cart svg path { fill: #fff !important; }

/* Ensure our synced footer doesn't create a stacking context above cart */
.hg-syn-footer {
  position: relative !important;
  z-index: 1 !important;
}

/* Ensure our navbar doesn't block the cart modal */
.hg-woo-nav {
  z-index: 9000 !important;
}

/* ── Mobile responsive fixes ── */
@media(max-width:768px){
  /* Scroll to top — left side */
  #ast-scroll-top { bottom: 1.5rem !important; right: auto !important; left: 1rem !important; }
  .hg-scroll-top { bottom: 1.5rem !important; right: auto !important; left: 1rem !important; }

  /* Products grid */
  ul.products{grid-template-columns:1fr !important;display:grid !important;}
  ul.products li.product{width:100% !important;float:none !important;}
  .woocommerce-page #primary{padding:0 1rem !important;}

  /* Hide Astra hover overlay on mobile */
  .astra-shop-thumbnail-wrap .ast-shop-overlay,
  .ast-product-overlay { display: none !important; }
}
@media(min-width:481px) and (max-width:768px){
  ul.products{grid-template-columns:repeat(2,1fr) !important;}
}

/* ── Shop page layout ── */
.woocommerce-shop .site-main,
.woocommerce .site-main {
  padding: 2rem 0 4rem !important;
}

/* Shop toolbar — result count & sort dropdown */
.woocommerce-result-count {
  color: var(--hg-muted) !important;
  -webkit-text-fill-color: var(--hg-muted) !important;
  font-size: .875rem !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}

.woocommerce-ordering,
.woocommerce .woocommerce-ordering {
  background: none !important;
  background-image: none !important;
}

.woocommerce .woocommerce-ordering select,
.woocommerce-ordering select,
select.orderby {
  border: 1.5px solid var(--hg-border) !important;
  border-radius: 6px !important;
  padding: .5rem 1rem !important;
  color: var(--hg-text) !important;
  -webkit-text-fill-color: var(--hg-text) !important;
  font-size: .875rem !important;
  background: #fff !important;
  background-image: none !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  font-family: 'Poppins', sans-serif !important;
}