:root{
  /* =========================================================
     Shree Sanjivani Seeds — Agriculture Theme Override
     (keeps existing classnames/variables; only changes look)
     ========================================================= */

  /* Brand palette */
  --seed-950:#062013;
  --seed-900:#0B2A1A;
  --seed-800:#123523;
  --seed-700:#18462D; /* primary */
  --seed-600:#1F5D3B;
  --seed-500:#2F7A4C;
  --seed-400:#55A26A;
  --seed-300:#8CCF9A;
  --seed-200:#CFEFDA;
  --seed-100:#EAF7EF;

  --soil-800:#4C2E1B;
  --soil-700:#6A3F22;
  --soil-600:#87512A;

  --sun-500:#F4B544;
  --sun-400:#FFD07A;

  /* Map legacy variables used across the app */
  --primary-blue: var(--seed-700);
  --accent-blue:  var(--sun-500);
  --dark-blue:    var(--seed-900);
  --bg-light:     #F6FBF4;
  --text-dark:    #0A1B12;
  --white:        #ffffff;

  /* Bootstrap alignment (best-effort) */
  --bs-primary: var(--seed-600);
  --bs-link-color: var(--seed-600);
  --bs-link-hover-color: var(--seed-700);
}

/* Global background: subtle “field lines” + warm light */
body{
  background:
    radial-gradient(1200px 600px at 15% -10%, rgba(244,181,68,.18), transparent 60%),
    radial-gradient(900px 500px at 100% 0%, rgba(47,122,76,.10), transparent 55%),
    repeating-linear-gradient(135deg, rgba(24,70,45,.045) 0 2px, transparent 2px 14px),
    var(--bg-light);
  color: var(--text-dark);
}

/* Typography: keep Poppins fallback but make headings feel “farm premium” */
h1,h2,h3,h4,h5,h6{
  letter-spacing: -0.02em;
}

/* Links */
a{ text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* Navbar polish */
.header-sticky{
  border-bottom: 1px solid rgba(10,27,18,.08);
  box-shadow: 0 10px 35px rgba(10,27,18,.06);
}
.nav-link i{ color: var(--seed-600) !important; }
.nav-link:hover{
  background: rgba(47,122,76,0.12);
}
.nav-icon-btn-modern{
  background: rgba(47,122,76,0.10);
  color: var(--seed-700);
}
.nav-icon-btn-modern:hover{
  background: rgba(244,181,68,0.18);
}

/* Buttons (Bootstrap overrides) */
.btn-primary,
.btn-primary:disabled{
  background-color: var(--seed-600) !important;
  border-color: var(--seed-600) !important;
}
.btn-primary:hover{
  background-color: var(--seed-700) !important;
  border-color: var(--seed-700) !important;
}
.btn-outline-primary{
  color: var(--seed-700) !important;
  border-color: rgba(24,70,45,.35) !important;
}
.btn-outline-primary:hover{
  background: var(--seed-700) !important;
  border-color: var(--seed-700) !important;
  color: #fff !important;
}
.btn-primary-gradient{
  background: linear-gradient(135deg, var(--seed-700) 0%, var(--sun-500) 115%) !important;
  border: none !important;
  color:#fff !important;
}
.btn-primary-gradient:hover{
  filter: saturate(1.05) brightness(.98);
  transform: translateY(-1px);
}

/* Badges */
.bg-soft-primary{ background: rgba(47,122,76,.10) !important; }
.text-primary{ color: var(--seed-700) !important; }
.text-accent-blue{ color: var(--sun-500) !important; }

/* Cards */
.card,
.checkout-card,
.auth-card{
  border-radius: 20px !important;
}
.shadow-lg{ box-shadow: 0 20px 60px rgba(10,27,18,.12) !important; }
.shadow-sm{ box-shadow: 0 10px 30px rgba(10,27,18,.06) !important; }

/* “Water” classes reused by JS (toasts) -> seed styling */
.water-toast-popup{
  border: 1px solid rgba(24,70,45,.18) !important;
  box-shadow: 0 14px 40px rgba(10,27,18,.14) !important;
  border-radius: 14px !important;
}
.water-toast-progress{
  background: linear-gradient(90deg, var(--seed-600), var(--sun-500)) !important;
}

/* Footer: from water to fields */
.footer-modern{
  background: linear-gradient(180deg, var(--seed-900) 0%, var(--seed-950) 100%) !important;
}
.footer-modern::before{
  background:
    radial-gradient(circle at 15% 25%, rgba(244,181,68,0.10) 0%, transparent 26%),
    radial-gradient(circle at 85% 35%, rgba(47,122,76,0.12) 0%, transparent 28%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 2px, transparent 2px 14px) !important;
}
.footer-links a i{ color: var(--sun-500) !important; }
.social-link:hover{
  background: var(--sun-500) !important;
  box-shadow: 0 10px 20px rgba(244,181,68,.28) !important;
}
.contact-icon{
  background: rgba(244,181,68,.12) !important;
  color: var(--sun-500) !important;
}
.footer-contact-item:hover .contact-icon{
  background: var(--sun-500) !important;
  color: #fff !important;
}

/* Page wrappers that currently say “blue vibe” */
.bg-light-blue-vibe,
.bg-listing-page{
  background:
    radial-gradient(900px 600px at 15% -20%, rgba(244,181,68,.10), transparent 60%),
    radial-gradient(900px 600px at 110% 20%, rgba(47,122,76,.08), transparent 55%),
    var(--bg-light) !important;
}

/* Auth pages: remove “water” vibe, add grain */
.auth-page-wrapper{
  background:
    radial-gradient(1200px 700px at 20% 0%, rgba(244,181,68,.16), transparent 55%),
    radial-gradient(900px 600px at 85% 10%, rgba(47,122,76,.12), transparent 55%),
    repeating-linear-gradient(135deg, rgba(24,70,45,.05) 0 2px, transparent 2px 16px) !important;
}
.auth-logo-circle{
  background: rgba(47,122,76,.12) !important;
  color: var(--seed-700) !important;
}

/* Hero slider: add warm overlay for agriculture vibe */
.home-hero-slider .carousel-item::after{
  content:'';
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(6,32,19,.45) 0%, rgba(6,32,19,.18) 55%, rgba(6,32,19,0) 100%);
  pointer-events:none;
}
.home-hero-slider .carousel-item img{ display:block; width:100%; height:auto; }

/* Small utilities */
.brand-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-radius:999px;
  background: rgba(47,122,76,.10);
  border: 1px solid rgba(24,70,45,.14);
  color: var(--seed-800);
  font-weight: 600;
  font-size: .82rem;
}

/* Home: new category grid cards (structure refresh) */
.home-cats-grid-section{
  position: relative;
}
.home-cat-card{
  display:block;
  text-decoration:none !important;
  color: inherit;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(24,70,45,.10);
  box-shadow: 0 12px 32px rgba(10,27,18,.06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  height: 100%;
}
.home-cat-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 22px 46px rgba(10,27,18,.10);
  border-color: rgba(244,181,68,.35);
}
.home-cat-card-img{
  height: 140px;
  background: linear-gradient(135deg, rgba(47,122,76,.10), rgba(244,181,68,.10));
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.home-cat-card-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-cat-card-fallback{
  width: 100%;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 34px;
  color: rgba(24,70,45,.65);
}
.home-cat-card-body{
  padding: 14px 14px 16px;
}
.home-cat-card-title{
  font-weight: 800;
  font-size: 1rem;
  color: var(--seed-900);
  line-height: 1.25;
  margin-bottom: 8px;
}
.home-cat-card-meta{
  display:flex;
  align-items:center;
  gap:8px;
}

/* Listing page: new structure (chips + controls + drawer) */
.seed-listing-hero{
  padding: 18px 18px 0;
  border-radius: 22px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(24,70,45,.10);
  box-shadow: 0 12px 32px rgba(10,27,18,.06);
}
.seed-chip-row{
  display:flex;
  gap:10px;
  overflow:auto;
  padding-bottom: 6px;
  -webkit-overflow-scrolling: touch;
}
.seed-chip{
  flex: 0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(24,70,45,.14);
  background: rgba(255,255,255,.78);
  color: var(--seed-900);
  text-decoration: none !important;
  font-weight: 800;
  font-size: .9rem;
  box-shadow: 0 10px 24px rgba(10,27,18,.05);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.seed-chip:hover{
  transform: translateY(-2px);
  border-color: rgba(244,181,68,.35);
  box-shadow: 0 18px 36px rgba(10,27,18,.10);
}
.seed-chip.active{
  background: linear-gradient(135deg, rgba(24,70,45,.95), rgba(244,181,68,.85));
  color:#fff;
  border-color: rgba(24,70,45,.45);
}
.seed-chip-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 30px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 900;
  background: rgba(24,70,45,.10);
  color: var(--seed-900);
}
.seed-chip.active .seed-chip-count{
  background: rgba(255,255,255,.18);
  color:#fff;
}

.seed-controls{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(24,70,45,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 12px 32px rgba(10,27,18,.06);
}
.seed-controls-form{
  display:flex;
  gap: 12px;
  align-items:center;
  flex-wrap: wrap;
}
.seed-search{
  flex: 1 1 260px;
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(24,70,45,.14);
  background: rgba(255,255,255,.85);
}
.seed-search i{ color: rgba(24,70,45,.65); }
.seed-search input{
  border: none;
  outline: none;
  width: 100%;
  background: transparent;
  font-weight: 600;
  font-size: .92rem;
  color: var(--seed-900);
}
.seed-controls-right{
  display:flex;
  align-items:center;
  gap: 10px;
  flex: 1 1 auto;
  justify-content: flex-end;
}
.seed-sort{
  min-width: 190px;
  border-radius: 999px !important;
  border: 1px solid rgba(24,70,45,.14) !important;
  background: rgba(255,255,255,.85) !important;
  font-weight: 800;
}
.seed-filter-btn{
  border-width: 1px;
}

.seed-drawer-cats{
  display:flex;
  flex-direction: column;
  gap: 8px;
}
.seed-drawer-cat{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(24,70,45,.12);
  background: rgba(255,255,255,.85);
  text-decoration: none !important;
  color: var(--seed-900);
  font-weight: 800;
}
.seed-drawer-cat.active{
  background: rgba(47,122,76,.12);
  border-color: rgba(244,181,68,.35);
}