/* ============================================
   Heat Fence – Shoopy CSS v14 (Other Store Merge)
   Purpose: Keep your existing styles & hide all prices (PDP, Category, Related, MRPs)
   ============================================ */

/* ---------- EXISTING OTHER-STORE STYLES (kept as-is) ---------- */
.sh-product-card {
    border: 0.0625rem solid #ECECEC;
    box-shadow: 0 0.25rem 0.25rem 0 #ececec;
}
.sh-row-title-divider {
   display: none !important;
}
.sh-mini-banner-collection-card > a > div > div > div > p {
  display:none; 
}
.sh-mini-banner-collection-card > a > div > div > div > svg {
  display:none;
}
.sh-banner-collection-card > a > div > div > p {
  display:none;
}
.sh-banner-collection-card > a > div > div > p > svg {
  display:none;
}
.sh-product-card-discount-tag {
    background-color: #9D0000 !important;
    font-weight: 400 !important;
    left: auto !important;
    top: 12px;
    right: -38px;
    width: 130px;
    text-align: center;
    font-weight: 500;
    transform: rotate(45deg);
}
.sh-product-discount-tag {
    background-color: #9D0000 !important;
    color: #FFFFFF !important;
    font-weight: 400 !important;
}

/* Footer styling */
footer, .sh-footer {
  background-color: #000000 !important;
  color: #ffffff !important;
}
footer a, .sh-footer a {
  color: #ffffff !important;
}

/* ============================================
   PRICE HIDING (matched to v13 behavior)
   ============================================ */

/* ---------- PRODUCT PAGE (PDP) ---------- */
.product-pricing-root .product-pricing-primary,
.product-pricing-root .product-pricing-secondary,
.product-pricing-root .product-pricing-meas-unit,
.product-pricing-root .product-pricing-price span,
.product-pricing-root [class*="discount" i],
.product-pricing-root [class*="offer" i],
.product-pricing-root [class*="off" i] {
  display: none !important;
  visibility: hidden !important;
}
.product-pricing-root .product-pricing-price,
.product-pricing-root .price-container,
.product-pricing-root .price-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
}

/* ---------- CATEGORY / LISTING PAGE ---------- */
/* Hide sale price */
h3.pr-sale-price.sh-product-card-price {
  display: none !important;
  visibility: hidden !important;
}

/* Hide strikethrough MRP price */
s.pr-mrp-price.sh-product-card-mrp {
  display: none !important;
  visibility: hidden !important;
}

/* Collapse spacing after removing prices */
h3.pr-sale-price.sh-product-card-price + *,
s.pr-mrp-price.sh-product-card-mrp + * {
  margin-top: 0 !important;
}

/* Generic hiding for other price blocks */
:where(.collection-products,.category-products,.category-page,
       .product-list,.products-list,.product-grid,.products-grid,
       .collection,.listing,.catalog)
 :is(.pr-sale-price,.pr-mrp-price,
     .product-card-price,.product-card-mrp,
     .sh-product-card-price,.sh-product-card-mrp,
     [class*="price" i],[id*="price" i],[class*="mrp" i]) {
  display: none !important;
  visibility: hidden !important;
}

/* Hide currency symbols in listing cards */
:where(.collection-products,.category-products,.category-page,
       .product-list,.products-list,.product-grid,.products-grid,
       .collection,.listing,.catalog)
 :is(.currency-symbol,.fa-inr,[class*="rupee" i],[class*="inr" i]) {
  display: none !important;
  visibility: hidden !important;
}

/* Collapse containers after hiding prices */
:where(.collection-products,.category-products,.category-page,
       .product-list,.products-list,.product-grid,.products-grid,
       .collection,.listing,.catalog)
 :is(.price-container,.price-wrapper,.amount,.final-price) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
}

/* ---------- RELATED / RECOMMENDED PRODUCTS ---------- */
:where(.related-products,.product-related,.products-related,.related,
       .recommended-products,.recommendations,.you-may-also-like,
       .suggested-products,.similar-products,.upsell-products)
 :is(.pr-sale-price,.pr-mrp-price,.product-card-price,.product-card-mrp,
     .sh-product-card-price,.sh-product-card-mrp,
     [class*="price" i],[id*="price" i],[class*="mrp" i]) {
  display: none !important;
  visibility: hidden !important;
}
:where(.related-products,.product-related,.products-related,.related,
       .recommended-products,.recommendations,.you-may-also-like,
       .suggested-products,.similar-products,.upsell-products)
 :is(.currency-symbol,.fa-inr,[class*="rupee" i],[class*="inr" i]) {
  display: none !important;
  visibility: hidden !important;
}
:where(.related-products,.product-related,.products-related,.related,
       .recommended-products,.recommendations,.you-may-also-like,
       .suggested-products,.similar-products,.upsell-products)
 :is(.price-container,.price-wrapper,.amount,.final-price) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
}

/* ---------- OPTIONAL: QUICK OVERRIDE SWITCH ----------
   Add 'show-prices' to <body> in staging if you want to preview with prices again.
------------------------------------------------------ */
body.show-prices :is(
  [class*="price" i],
  [id*="price" i],
  [class*="mrp" i],
  .currency-symbol,.fa-inr,[class*="rupee" i],[class*="inr" i],
  .price-container,.price-wrapper,.amount,.final-price
){
  display: revert !important;
  visibility: visible !important;
  height: auto !important;
  min-height: 0 !important;
  margin: revert !important;
  padding: revert !important;
  border: revert !important;
}