/* === YOUR EXISTING THEME (UPDATED) === */

/* Header background green, text white for contrast */
.sh-header-main {
  background-color: #2F6F4E !important;
  color: #FFFFFF !important;
}

/* Ensure all header text is white and bold */
.sh-header-main * {
  color: #FFFFFF !important;
}

/* Icons remain maroon (they stand out on green) */
.sh-header-location-icon,
.sh-header-arrow-icon {
  fill: #8B1E3F !important;
}

.sh-header-account-icon,
.sh-header-cart-icon {
  stroke: #8B1E3F !important;
  fill: none !important;
}

/* Search icon – forced to maroon + white background for visibility */
.sh-header-search-icon {
  stroke: #8B1E3F !important;
  fill: #8B1E3F !important;
  background-color: #FFFFFF !important;
  border-radius: 50% !important;
  padding: 2px !important;
}

.sh-header-cart-badge {
  background-color: #8B1E3F !important;
  color: #FFFFFF !important;
}

.sh-header-menu {
  background-color: #8B1E3F !important;
  color: #FFFFFF !important;
}

/* === BOTTOM NAVIGATION – FIXED === */
.sh-bottom-nav-main {
  background-color: #FFD6C9 !important;
  color: #2B2B2B !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
}

/* Add padding to body so content isn't hidden behind fixed nav */
body {
  padding-bottom: 70px !important;
}

/* Bottom nav selected/unselected styles */
.sh-bottom-nav-selected {
  stroke: #8B1E3F !important;
  color: #8B1E3F !important;
}

.sh-bottom-nav-unselected {
  stroke: #666666 !important;
  color: #666666 !important;
}

.sh-bottom-nav-cart-badge {
  background-color: #8B1E3F !important;
  color: #FFFFFF !important;
}

/* Product card styles */
.sh-product-card-name {
  color: #2B2B2B !important;
  font-weight: 500 !important;
}

.sh-product-card-price {
  color: #2F6F4E !important;
  font-weight: 600 !important;
}

.sh-product-card-mrp {
  color: #999999 !important;
}

.sh-product-card-discount-tag {
  background-color: #E53935 !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  right: 10px !important;
  top: 10px !important;
  left: auto !important;
}

.sh-product-discount-tag {
  background-color: #E53935 !important;
  color: #FFFFFF !important;
  border-radius: 20px !important;
}

.sh-product-wishlist-desktop {
  border-color: #8B1E3F !important;
}

.sh-product-share-icon {
  stroke: #8B1E3F !important;
}

.sh-product-wishlisted-icon {
  fill: #8B1E3F !important;
}

.sh-product-not-wishlisted-icon {
  stroke: #8B1E3F !important;
}

.sh-solid-button,
.sh-product-buy-now-button {
  background-color: #E91E63 !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  border: 1px solid #E91E63 !important;
}

.sh-outlined-button {
  border-radius: 6px !important;
  border-color: #8B1E3F !important;
  color: #8B1E3F !important;
}

.sh-product-plus-minus-button {
  background-color: #2B2B2B !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
  border: 1px solid #2B2B2B !important;
}

.sh-footer-main {
  background-color: #FFF4EA !important;
  color: #2B2B2B !important;
}

.sh-footer-icon {
  color: #8B1E3F !important;
}

.sh-categories-container {
  background-color: #FFFFFF !important;
}

/* === SCROLLING MARQUEE – NOW WITH DARKER GOLD BACKGROUND === */
.sh-header-main::before {
  content: '🌸 Fresh flowers daily 🌼 Pre-Booking Available 🌻';
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  background-color: #DAA520 !important;  /* Darker gold */
  color: #FFFFFF !important;
  font-size: 16px;
  font-weight: bold;
  padding: 6px 0;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  z-index: 10000;
  animation: marquee 15s linear infinite;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  pointer-events: none;
  line-height: 1.2;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5); /* Improves readability */
}

@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* === FALLING PETALS – NOW 5 IN TOTAL === */
/* Original three */
body::before,
body::after {
  content: '🌸';
  position: fixed;
  top: -10%;
  font-size: 24px;
  color: #8B1E3F;
  opacity: 0.8;
  pointer-events: none;
  z-index: 9999;
  animation: petal-fall 12s linear infinite;
}
body::before {
  left: 10%;
  content: '🌸';
  animation-delay: 0s;
}
body::after {
  left: 80%;
  content: '🌼';
  color: #E91E63;
  font-size: 20px;
  animation-delay: 4s;
}

.sh-footer-main::before {
  content: '🌺';
  position: fixed;
  top: -10%;
  left: 60%;
  font-size: 28px;
  color: #FFB6C1;
  pointer-events: none;
  z-index: 9999;
  animation: petal-fall 15s linear infinite;
  animation-delay: 2s;
}

/* Two new falling petals */
.sh-header-main::after {
  content: '🌸';
  position: fixed;
  top: -10%;
  left: 30%;
  font-size: 22px;
  color: #E91E63;
  pointer-events: none;
  z-index: 9999;
  animation: petal-fall 14s linear infinite;
  animation-delay: 1s;
}

.sh-bottom-nav-main::after {
  content: '🌼';
  position: fixed;
  top: -10%;
  left: 45%;
  font-size: 26px;
  color: #FFA500;
  pointer-events: none;
  z-index: 9999;
  animation: petal-fall 11s linear infinite;
  animation-delay: 3s;
}

/* === LOTUS (bottom right) === */
.sh-footer-main::after {
  content: '🌷';
  position: fixed;
  bottom: 80px;
  right: 20px;
  font-size: 48px;
  color: #E91E63;
  filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
  pointer-events: none;
  z-index: 9998;
  animation: lotus-float 6s ease-in-out infinite;
}

/* === DIYA (bottom left) === */
.sh-bottom-nav-main::before {
  content: '🪔';
  position: fixed;
  bottom: 80px;
  left: 20px;
  font-size: 40px;
  color: #FF8C00;
  pointer-events: none;
  animation: diya-flicker 2s infinite;
  z-index: 9997;
}

/* === BOTTOM NAV FLOWERS – ALL REMOVED === */
/* (No flower icons above Home, Account, Cart anymore) */

/* Extra floating flowers (background) – kept as is */
.sh-categories-container::before {
  content: '🌼';
  position: fixed;
  top: 20%;
  left: 5%;
  font-size: 30px;
  color: #FFA500;
  opacity: 0.5;
  pointer-events: none;
  animation: float-side 8s ease-in-out infinite;
  z-index: 1;
}
.sh-categories-container::after {
  content: '🌹';
  position: fixed;
  top: 70%;
  right: 5%;
  font-size: 36px;
  color: #E91E63;
  opacity: 0.5;
  pointer-events: none;
  animation: float-side 10s ease-in-out infinite reverse;
  z-index: 1;
}

@keyframes float-side {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(10deg); }
  100% { transform: translateY(0) rotate(0deg); }
}

/* === KEYFRAMES === */
@keyframes petal-fall {
  0% { top: -10%; transform: translateX(0) rotate(0deg); opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { top: 110%; transform: translateX(100px) rotate(360deg); opacity: 0; }
}
@keyframes lotus-float {
  0% { transform: translateY(0) rotate(0deg) scale(1); opacity: 0.9; }
  50% { transform: translateY(-20px) rotate(5deg) scale(1.02); opacity: 1; }
  100% { transform: translateY(0) rotate(0deg) scale(1); opacity: 0.9; }
}
@keyframes diya-flicker {
  0%,100% { text-shadow: 0 0 5px orange, 0 0 10px yellow; opacity: 1; }
  25% { text-shadow: 0 0 2px orange, 0 0 5px yellow; opacity: 0.8; }
  50% { text-shadow: 0 0 8px red, 0 0 15px gold; opacity: 1; }
  75% { text-shadow: 0 0 3px orange, 0 0 8px yellow; opacity: 0.9; }
}