/* ==========================
   ShopNav Theme Styles
   ========================== */

/* Color variables */
:root {
  --primary-green: #29A56C;
  --dark-green: #0E4B35;
  --light-gray: #F0F0F0;
  --text-dark: #1a1a1a;
  --text-gray: #666666;
  --white: #FFFFFF;
  --black: #000000;
  --red: #FF0000;
}

/* HEADER */
.sh-header-main {
  background-color: var(--white);
  color: var(--black);
  box-shadow: rgb(238 238 238) 0px 1px 0px;
}
.sh-header-location-icon,
.sh-header-arrow-icon {
  fill: var(--black) !important;
}
.sh-header-account-icon,
.sh-header-search-icon {
  stroke: var(--black) !important;
}
.sh-header-cart-icon {
  stroke: var(--black) !important;
  fill: none !important;
}
.sh-header-cart-badge {
  background-color: var(--primary-green);
  color: var(--white);
}
.sh-header-mob-menu-icon {
  color: var(--black);
}

/* FOOTER */
.sh-footer-main {
  background-color: var(--dark-green); /* modern dark footer */
  color: var(--white);
}
.sh-footer-icon {
  color: var(--primary-green) !important;
}

/* PRODUCT CARDS */
.sh-product-card {
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.sh-product-card:hover {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.sh-product-card-price {
  color: var(--primary-green);
}
.sh-product-card-mrp {
  color: var(--text-gray);
}
.sh-product-card-name {
  color: var(--text-dark);
}

/* DISCOUNT TAGS */
.sh-product-card-discount-tag {
  background-color: var(--primary-green);
  color: var(--white);
  font-weight: 400;
  border-radius: 8px 0px 8px 0px;
  top: 0px;
  left: 0px;
}
.sh-product-discount-tag {
  background-color: var(--primary-green);
  color: var(--white);
  font-weight: 400;
  border-radius: 4px;
}

/* QUANTITY BUTTONS */
.sh-product-plus-minus-button {
  background-color: #E8FFF1;
  color: var(--primary-green);
  border: 1px solid #E8FFF1;
  border-radius: 4px;
  fill: var(--primary-green);
}

/* ENQUIRY BUTTONS */
.sh-product-card-enquiry,
.sh-product-enquiry {
  border: 1px solid var(--primary-green) !important;
  color: var(--primary-green) !important;
  background: var(--white) !important;
}

/* SOLID BUTTONS */
.sh-solid-button {
  border-radius: 4px;
  border: 1px solid var(--primary-green) !important;
  background-color: var(--primary-green);
  color: var(--white);
  transition: background 0.3s ease;
}
.sh-solid-button:hover {
  background-color: #218c57 !important; /* darker green */
  color: var(--white) !important;
}

/* OUTLINED BUTTON */
.sh-outlined-button {
  border-radius: 4px; /* modern rounded */
}

/* BUY NOW BUTTON */
.sh-product-buy-now-button {
  color: var(--white);
  border: 1px solid var(--primary-green);
  padding: 12px;
  background: var(--primary-green);
  white-space: nowrap;
  transition: all 0.3s ease;
}

/* MOBILE FIX – Always show Add to Cart / Buy Now */
@media (max-width: 768px) {
  .sh-product-card-enquiry,
  .sh-product-enquiry,
  .sh-product-buy-now-button {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }
}

/* DESKTOP – Hover effect */
@media (min-width: 769px) {
  .sh-product-card .sh-product-buy-now-button {
    opacity: 0;
  }
  .sh-product-card:hover .sh-product-buy-now-button {
    opacity: 1;
  }
}

/* BOTTOM NAVIGATION */
.sh-bottom-nav-main {
  background-color: var(--primary-green);
}
.sh-bottom-nav-selected {
  stroke: var(--white) !important;
  color: var(--white) !important;
  background-color: rgba(255,255,255,0.1);
  border-radius: 8px;
}
.sh-bottom-nav-unselected {
  stroke: rgb(187, 187, 187) !important;
  color: rgb(187, 187, 187) !important;
}
.sh-bottom-nav-cart-badge {
  background-color: var(--white) !important;
  color: var(--primary-green) !important;
}

/* CATEGORY CARDS */
.sh-category-card {
  margin: 0px 10px 10px;
  padding-top: 8px;
  border-radius: 8px;
}
.sh-categories-container {
  background-color: var(--white);
}
.sh-row-title-divider {
  display: none;
}

/* ICONS */
.sh-product-wishlist-desktop {
  border-color: var(--red) !important;
}
.sh-product-share-icon {
  stroke: var(--primary-green) !important;
}
.sh-product-social-button {
  background-color: var(--primary-green);
  fill: var(--primary-green);
}
.sh-product-wishlisted-icon {
  fill: var(--red) !important;
}
.sh-product-not-wishlisted-icon {
  stroke: var(--red) !important;
}
.sh-product-not-wishlisted-icon:hover {
  stroke: #cc0000 !important;
}