/* ============================================================
   SHAKTIRANG — GLASSMORPHISM + FULLY LIGHT THEME
   ============================================================ */

/* ── CSS PROPERTIES ───────────────────────────────────────────── */
:root {
  --glass-bg:       rgba(255, 255, 255, 0.55);
  --glass-bg-light: rgba(255, 255, 255, 0.78);
  --glass-border:   rgba(255, 255, 255, 0.68);
  --glass-shadow:   0 8px 32px rgba(31, 38, 135, 0.13);
  --glass-blur:     blur(12px);
  --section-a:      linear-gradient(160deg, #fff3e8 0%, #fdf0f8 100%);
  --section-b:      linear-gradient(160deg, #f0eaff 0%, #fdf8f0 100%);
  --section-c:      linear-gradient(160deg, #eef6ff 0%, #fff3e8 100%);
}

/* ── BODY: warm Holi-inspired pastel gradient ─────────────────── */
body {
  background: linear-gradient(135deg,
    #fff8f0 0%,
    #fef0f8 20%,
    #f5eeff 45%,
    #eef6ff 70%,
    #fff8f0 100%);
  background-attachment: fixed;
}

/* ── ANNOUNCE BAR ─────────────────────────────────────────────── */
.announce {
  background: rgba(255, 248, 240, 0.9) !important;
  color: var(--text-d) !important;
  border-bottom: 1px solid rgba(200, 137, 42, 0.2);
}
.announce a { color: var(--gold) !important; }

/* ╔══════════════════════════════════════════════════════════════╗
   ║  NAV — fully light frosted glass                            ║
   ╚══════════════════════════════════════════════════════════════╝ */
.nav {
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border-bottom: 1px solid rgba(27, 60, 143, 0.1);
  box-shadow: 0 2px 24px rgba(27, 60, 143, 0.08) !important;
}
.nav.scrolled {
  box-shadow: 0 4px 32px rgba(27, 60, 143, 0.13) !important;
}

/* Nav links */
.nav-left a,
.nav-right a {
  color: var(--text-d) !important;
  font-weight: 700 !important;
}
.nav-left a:hover,
.nav-right a:hover {
  color: var(--blue) !important;
  background: rgba(27, 60, 143, 0.07) !important;
}

/* Nav icons */
.nav-icon {
  color: var(--text-d) !important;
}
.nav-icon:hover {
  background: rgba(27, 60, 143, 0.08) !important;
  color: var(--blue) !important;
}

/* Logo tagline under logo image */
.nav-logo span { color: var(--text-s) !important; }

/* Hamburger lines → dark */
.hamburger span { background: var(--text-d) !important; }

/* ── MOBILE NAV ───────────────────────────────────────────────── */
.mobile-nav {
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
}
.mobile-links a {
  color: var(--text-d) !important;
}
.mobile-links a:hover {
  background: rgba(27, 60, 143, 0.07) !important;
  color: var(--blue) !important;
}
.mobile-close {
  background: rgba(27, 60, 143, 0.08) !important;
  color: var(--text-d) !important;
}

/* ── SECTION BACKGROUNDS (dark → warm light) ──────────────────── */
.season-band      { background: var(--section-a) !important; }
.catalogue-band   { background: var(--section-b) !important; }
.cta-band         { background: var(--section-c) !important; }
.catalogue-band::before,
.cta-band::before { display: none !important; }

/* Season wave container (was dark blue) */
.season-wave { background: #fdf0f8 !important; }

/* ── WAVE SVG FILLS ───────────────────────────────────────────── */
.hero .wave svg path    { fill: #fff3e8 !important; }
.season-wave svg path   { fill: #fdf8f0 !important; }

/* ╔══════════════════════════════════════════════════════════════╗
   ║  GLASS CARDS                                                ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* Remove postcard dashed inner borders — cleaner on glass */
.season-card::before,
.product-card::before,
.stamp-card::before,
.cat-download-card::before { display: none !important; }

/* Season cards */
.season-card {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
}
.season-card:hover {
  box-shadow: 0 20px 56px rgba(31, 38, 135, 0.18) !important;
}

/* Flipkart product cards */
.product-card {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
}
.product-card:hover {
  box-shadow: 0 20px 56px rgba(31, 38, 135, 0.18) !important;
  border-color: rgba(27, 60, 143, 0.22) !important;
}
.product-card-footer {
  background: rgba(255, 255, 255, 0.35) !important;
  border-top-color: rgba(27, 60, 143, 0.1) !important;
}

/* Catalogue download cards */
.cat-download-card {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid rgba(27, 60, 143, 0.14) !important;
  box-shadow: var(--glass-shadow) !important;
}
.cat-download-card:hover { background: var(--glass-bg-light) !important; }

/* Why Shree feature tiles */
.why-feat {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
}
.why-feat:hover {
  box-shadow: 0 12px 36px rgba(31, 38, 135, 0.16) !important;
}

/* Why visual card (was dark blue) */
.why-visual-card {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid rgba(27, 60, 143, 0.13) !important;
  box-shadow: var(--glass-shadow) !important;
}
.why-visual-card::before { border-color: rgba(27, 60, 143, 0.12) !important; }
.why-stats   { background: rgba(27, 60, 143, 0.05) !important; }
.why-stat    { border-right-color: rgba(27, 60, 143, 0.09) !important; }
.why-stat-n  { color: var(--gold) !important; }
.why-stat-l  { color: var(--text-m) !important; }
.why-img p   { color: var(--text-s) !important; }

/* Testimonial stamp cards */
.stamp-card {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: 0 20px 60px rgba(31, 38, 135, 0.11) !important;
  outline: none !important;
}

/* Inquiry form card */
.form-card {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid rgba(27, 60, 143, 0.13) !important;
  box-shadow: var(--glass-shadow) !important;
}
.form-card::before { border-color: rgba(27, 60, 143, 0.1) !important; }
.fg input, .fg select, .fg textarea {
  background: rgba(255, 255, 255, 0.72) !important;
}

/* Hero postcard visual */
.hero-postcard {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid rgba(27, 60, 143, 0.13) !important;
  box-shadow: var(--glass-shadow) !important;
}
.hero-postcard::before { border-color: rgba(27, 60, 143, 0.12) !important; }
.hero-float {
  background: var(--glass-bg-light) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* FAQ items */
.faq-item {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid var(--glass-border) !important;
}
.faq-q:hover,
.faq-q[aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.65) !important;
}

/* Product page cards */
.prod-card {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
}
.prod-card::before { display: none !important; }
.prod-card:hover   { box-shadow: 0 16px 48px rgba(31, 38, 135, 0.18) !important; }
.prod-card-footer  {
  background: rgba(255, 255, 255, 0.35) !important;
  border-top-color: rgba(27, 60, 143, 0.1) !important;
}

/* Wholesale / about / contact page cards */
.trust-card, .process-card, .export-card,
.timeline-card, .value-card, .gen-card,
.contact-card, .shop-card,
.variant-card, .spec-card, .bulk-card {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
}

/* ── TEXT FIXES: was white on dark ────────────────────────────── */

/* Season section */
.season-hdr h2         { color: var(--text-d) !important; }
.season-hdr h2 em      { color: var(--blue)   !important; }
.season-hdr .section-tag {
  background: rgba(27, 60, 143, 0.08) !important;
  color: var(--blue) !important;
}
.season-sub { color: var(--text-m) !important; }

/* Catalogue section */
.catalogue-text h2            { color: var(--text-d) !important; }
.catalogue-text p             { color: var(--text-m) !important; }
.cat-download-card .cat-title { color: var(--text-d) !important; }
.cat-download-card .cat-sub   { color: var(--text-s) !important; }
.cat-download-card .cat-btn   { color: var(--blue)   !important; }

/* CTA section */
.cta-text h2 { color: var(--text-d) !important; }
.cta-text p  { color: var(--text-m) !important; }
.btn-white {
  background: var(--blue) !important;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(27, 60, 143, 0.28) !important;
}
.btn-white:hover { background: var(--blue-dark) !important; }
.btn-outline-white {
  color: var(--blue) !important;
  border-color: rgba(27, 60, 143, 0.4) !important;
  background: transparent !important;
}
.btn-outline-white:hover {
  background: var(--blue) !important;
  color: #fff !important;
  border-color: var(--blue) !important;
}

/* Product page hero bands */
.prod-hero { background: var(--section-a) !important; }
.prod-hero-text h1,
.prod-hero-text p         { color: var(--text-d) !important; }
.prod-hero-text h1 em     { color: var(--blue)   !important; }
.prod-hero-text .section-tag {
  background: rgba(27, 60, 143, 0.08) !important;
  color: var(--blue) !important;
}

/* ╔══════════════════════════════════════════════════════════════╗
   ║  FOOTER — fully light                                       ║
   ╚══════════════════════════════════════════════════════════════╝ */
footer {
  background: linear-gradient(160deg, #fdf8f0 0%, #f5eeff 100%) !important;
  backdrop-filter: none !important;
  border-top: 1px solid rgba(27, 60, 143, 0.1);
}

/* Footer text */
.footer-about { color: var(--text-m) !important; }

.f-contact        { color: var(--text-m) !important; }
.f-contact a      { color: var(--text-m) !important; }
.f-contact a:hover { color: var(--gold)   !important; }
.f-contact-icon   { color: var(--gold)    !important; }

.footer-col h4    { color: var(--text-d)  !important; }
.footer-col ul a  { color: var(--text-m)  !important; }
.footer-col ul a:hover { color: var(--gold) !important; }

.footer-bottom p  { color: var(--text-s)  !important; }
.footer-bottom a  { color: var(--blue)    !important; }
.footer-bottom-links a       { color: var(--text-s) !important; }
.footer-bottom-links a:hover { color: var(--gold)   !important; }
.footer-bottom { border-top-color: rgba(27, 60, 143, 0.1) !important; }

/* Footer social icons — dark on light */
.fsocial {
  background: rgba(27, 60, 143, 0.07) !important;
  border-color: rgba(27, 60, 143, 0.12) !important;
  color: var(--text-m) !important;
}
.fsocial:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #fff !important;
}

/* Footer logos — remove brightness filter (was for dark bg) */
.footer-logos img,
.footer-logos img.logo-main { filter: none !important; }

/* ── REDUCED MOTION FALLBACK ──────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}