/* ════════════════════════════════════════════════════════════
   Sanju Pansari — Brand theme from logo
   Lime green #9ACD32 · Forest #3D6B1E · Black #0D0D0D
   ════════════════════════════════════════════════════════════ */

:root {
  --logo-lime:       #9ACD32;
  --logo-lime-light: #B8E04A;
  --logo-lime-dark:  #7CB342;
  --logo-forest:     #3D6B1E;
  --logo-forest-deep:#2D5016;
  --logo-black:      #0D0D0D;
  --logo-cream:      #F4FAEB;
  --logo-surface:    #FFFFFF;

  --color-primary:   var(--logo-lime);
  --color-secondary: var(--logo-forest);
  --color-accent:    var(--logo-lime-light);
  --color-success:   var(--logo-lime-dark);
  --color-bg:        var(--logo-cream);
  --color-text:      #1A1A1A;
  --color-muted:     #5C6B52;
  --color-border:    #D4E8B8;

  --navy:        var(--logo-forest);
  --navy-light:  var(--logo-lime);
  --navy-dark:   var(--logo-forest-deep);
  --gold:        var(--logo-lime);
  --gold-light:  var(--logo-lime-light);
  --gold-dark:   var(--logo-lime-dark);

  --sp-primary:       var(--logo-forest);
  --sp-primary-light: var(--logo-lime);
  --sp-primary-dark:  var(--logo-forest-deep);
  --sp-accent:        var(--logo-lime);
  --sp-accent-light:  var(--logo-lime-light);
  --sp-cream:         var(--logo-cream);
  --sp-text:          var(--color-text);
  --sp-muted:         var(--color-muted);
  --sp-border:        var(--color-border);
  --sp-shadow:        0 10px 36px rgba(61, 107, 30, 0.14);

  --jp-navy:        var(--logo-forest);
  --jp-navy-light:  var(--logo-lime);
  --jp-navy-dark:   var(--logo-forest-deep);
  --jp-emerald:     var(--logo-lime);
  --jp-amber:       var(--logo-lime-light);
  --m-primary:      var(--logo-forest);
  --m-primary-dark: var(--logo-forest-deep);
  --m-accent:       var(--logo-lime);
}

body.app-body {
  background: linear-gradient(180deg, var(--logo-cream) 0%, #fff 180px);
  color: var(--color-text);
}

/* Announcement + header — logo black & lime */
.ann-bar {
  background: linear-gradient(90deg, var(--logo-black), var(--logo-forest-deep)) !important;
  border-bottom: 2px solid var(--logo-lime) !important;
}
.ann-item i { color: var(--logo-lime) !important; }

.site-header {
  border-bottom: 2px solid rgba(154, 205, 50, 0.25) !important;
  box-shadow: 0 4px 24px rgba(13, 13, 13, 0.06) !important;
}
.search-box:focus-within {
  border-color: var(--logo-lime) !important;
  box-shadow: 0 0 0 4px rgba(154, 205, 50, 0.2) !important;
}
.search-box button,
.cart-btn,
.header-nav-link.active {
  background: var(--logo-forest) !important;
}
.search-box button:hover { background: var(--logo-forest-deep) !important; }
.action-btn:hover { color: var(--logo-forest) !important; }

/* Buttons site-wide */
.btn-primary,
.product-card-addcart,
.pansari-product-card .product-card-addcart {
  background: linear-gradient(135deg, var(--logo-lime), var(--logo-lime-dark)) !important;
  color: var(--logo-black) !important;
  font-weight: 800 !important;
}
.btn-primary:hover,
.product-card-addcart:hover {
  background: linear-gradient(135deg, var(--logo-lime-light), var(--logo-lime)) !important;
  color: var(--logo-black) !important;
}
.btn-gold {
  background: linear-gradient(135deg, var(--logo-lime-light), var(--logo-lime)) !important;
  color: var(--logo-forest-deep) !important;
}

/* Section tags — logo lime pill */
.section-tag {
  background: linear-gradient(135deg, rgba(154,205,50,0.2), rgba(184,224,74,0.35)) !important;
  color: var(--logo-forest-deep) !important;
}

/* Bottom nav active — logo lime */
.sanju-bottom-nav .bottom-nav-item.active {
  color: var(--logo-forest) !important;
}
.sanju-bottom-nav .bottom-nav-shop .bottom-nav-icon-shop {
  background: linear-gradient(135deg, var(--logo-lime), var(--logo-lime-dark)) !important;
  box-shadow: 0 6px 20px rgba(154, 205, 50, 0.45) !important;
}
.sanju-bottom-nav .bottom-nav-shop .bottom-nav-icon-shop i {
  color: var(--logo-black) !important;
}
.sanju-bottom-nav .bottom-nav-cart-count {
  background: var(--logo-forest) !important;
}

/* Mobile sidebar — logo forest */
.mobile-sidebar {
  background: linear-gradient(180deg, var(--logo-black) 0%, var(--logo-forest-deep) 50%, var(--logo-forest) 100%) !important;
}

/* PWA */
#pwa-install-banner {
  background: linear-gradient(120deg, var(--logo-black), var(--logo-forest-deep)) !important;
}
#pwa-install-banner button:first-of-type {
  background: var(--logo-lime) !important;
  color: var(--logo-black) !important;
}

/* Hero / homepage accents */
.slide-gradient {
  background: linear-gradient(135deg, var(--logo-black) 0%, var(--logo-forest-deep) 45%, var(--logo-forest) 100%) !important;
}
.slide-gradient-2 {
  background: linear-gradient(135deg, var(--logo-forest-deep) 0%, var(--logo-forest) 50%, var(--logo-lime-dark) 100%) !important;
}
.slide-gradient-3 {
  background: linear-gradient(135deg, var(--logo-black) 0%, var(--logo-forest) 60%, var(--logo-lime-dark) 100%) !important;
}
.cta-section {
  background: linear-gradient(135deg, var(--logo-forest-deep), var(--logo-forest), var(--logo-lime-dark)) !important;
}

.pansari-trust-item {
  border-color: var(--color-border) !important;
  border-top: 3px solid var(--logo-lime) !important;
}