/* ============================================
   Vishnu Auto Connect – Strong Price Hide CSS v2
   Purpose: Hide prices inside product page, listing,
            related products, cart-like product cards & search.
   Paste/upload this as the LAST custom CSS.
   ============================================ */

/* Product card basic styling */
.sh-product-card {
  border: 0.0625rem solid #ECECEC;
  box-shadow: 0 0.25rem 0.25rem 0 #ECECEC;
  background-color: #FFFFFF !important;
}

/* ============================================
   STRONG PRICE HIDE – ALL COMMON PRICE CLASSES
   ============================================ */

.sh-product-card-price,
.sh-product-card-mrp,
.sh-product-card-selling-price,
.pr-sale-price,
.pr-mrp-price,
.product-card-price,
.product-card-mrp,
.product-card-selling-price,
.product-pricing-primary,
.product-pricing-secondary,
.product-pricing-meas-unit,
.product-pricing-price,
.product-price,
.product-mrp,
.sale-price,
.selling-price,
.mrp-price,
.price,
.price-box,
.price-tag,
.price-label,
.price-value,
.amount,
.final-price,
.regular-price,
.special-price,
.discount-price,
[class*="product-pricing" i],
[class*="sale-price" i],
[class*="selling-price" i],
[class*="mrp-price" i],
[class*="product-price" i],
[class*="price-container" i],
[class*="price-wrapper" i] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* ============================================
   PRODUCT PAGE – HIDE GREEN PRICE BADGE / ₹ VALUE
   ============================================ */

/* Many Shoopy PDP prices appear as green badge/span/div near SKU */
.product-detail [class*="price" i],
.product-detail [class*="amount" i],
.product-detail [class*="mrp" i],
.product-detail [class*="discount" i],
.product-detail [class*="offer" i],
.product-info [class*="price" i],
.product-info [class*="amount" i],
.product-info [class*="mrp" i],
.product-info [class*="discount" i],
.product-info [class*="offer" i],
.product-details [class*="price" i],
.product-details [class*="amount" i],
.product-details [class*="mrp" i],
.product-details [class*="discount" i],
.product-details [class*="offer" i],
.product-pricing-root,
.product-pricing-root *,
[class*="ProductDetail" i] [class*="price" i],
[class*="ProductInfo" i] [class*="price" i],
[class*="Product" i] [class*="pricing" i] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Hide standalone rupee/INR price badges but do not affect WhatsApp */
.product-detail :is(div,span,p,h1,h2,h3,h4,button):not([class*="whatsapp" i]):not([href*="whatsapp"]):not([href*="wa.me"]),
.product-info :is(div,span,p,h1,h2,h3,h4,button):not([class*="whatsapp" i]):not([href*="whatsapp"]):not([href*="wa.me"]),
.product-details :is(div,span,p,h1,h2,h3,h4,button):not([class*="whatsapp" i]):not([href*="whatsapp"]):not([href*="wa.me"]) {
  /* no direct hide here; below :has() handles actual ₹ blocks */
}

/* Chrome/Edge supported: hides any small block containing ₹ on product detail area */
.product-detail :is(div,span,p,h1,h2,h3,h4,button):has(> :not(svg)):has(:not(svg)),
.product-info :is(div,span,p,h1,h2,h3,h4,button):has(> :not(svg)):has(:not(svg)) {
  /* safety placeholder */
}

.product-detail :is(div,span,p,h1,h2,h3,h4,button):not([class*="whatsapp" i]):not([href*="whatsapp"]):not([href*="wa.me"]):has(> span),
.product-info :is(div,span,p,h1,h2,h3,h4,button):not([class*="whatsapp" i]):not([href*="whatsapp"]):not([href*="wa.me"]):has(> span) {
  /* safety placeholder */
}

/* Direct text price badge fallback using common green classes */
[class*="green" i][class*="badge" i],
[class*="price" i][class*="badge" i],
[class*="pricing" i][class*="badge" i],
.badge:has(span),
.badge:has(div) {
  display: none !important;
  visibility: hidden !important;
}

/* ============================================
   LISTING / RELATED / SEARCH
   ============================================ */

.collection-products [class*="price" i],
.category-products [class*="price" i],
.product-list [class*="price" i],
.products-list [class*="price" i],
.product-grid [class*="price" i],
.products-grid [class*="price" i],
.related-products [class*="price" i],
.recommended-products [class*="price" i],
.you-may-also-like [class*="price" i],
.search-results [class*="price" i],
.search-page [class*="price" i],
.search-overlay [class*="price" i],
.collection-products [class*="mrp" i],
.category-products [class*="mrp" i],
.product-list [class*="mrp" i],
.products-list [class*="mrp" i],
.product-grid [class*="mrp" i],
.products-grid [class*="mrp" i],
.related-products [class*="mrp" i],
.recommended-products [class*="mrp" i],
.you-may-also-like [class*="mrp" i] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Currency symbols */
.currency-symbol,
.fa-inr,
[class*="rupee" i],
[class*="inr" i] {
  display: none !important;
  visibility: hidden !important;
}

/* ============================================
   WHATSAPP BUTTON FIX – KEEP VISIBLE
   ============================================ */

a[href*="whatsapp"],
a[href*="wa.me"],
.whatsapp-float,
.whatsapp-button,
.sh-whatsapp,
#whatsapp-chat,
#whatsapp-button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 999999 !important;
}

/* ============================================
   FOOTER STYLING
   ============================================ */

footer,
.site-footer,
.sh-footer {
  background-color: #000000 !important;
  color: #FFFFFF !important;
}

footer a,
.site-footer a,
.sh-footer a {
  color: #FFFFFF !important;
}

footer a:hover,
.site-footer a:hover,
.sh-footer a:hover {
  color: #BBBBBB !important;
}