/* ==========================================================================
   Siddha E-Commerce Ecosystem Shared Stylesheet
   Theme: Nature-Inspired Ayurvedic Palette
   Primary background: Soft cream/warm ivory (#FDFBF7)
   Primary headers & branding: Deep forest green (Tailwind emerald-900 / #064E3B)
   Highlights & CTA: Rich saffron/gold (Tailwind amber-600 / #D97706)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,800;1,400;1,600&display=swap');

:root {
  --color-ayur-cream: #FDFBF7;
  --color-ayur-cream-soft: #F7F3EB;
  --color-ayur-green: #064E3B;
  --color-ayur-green-dark: #022C22;
  --color-ayur-green-light: #047857;
  --color-ayur-gold: #D97706;
  --color-ayur-gold-dark: #B45309;
  --color-ayur-gold-light: #F59E0B;
  --color-ayur-gold-amber: #FEF3C7;
  --color-ayur-border: #E6DFD3;
}

body {
  background-color: var(--color-ayur-cream);
  color: #1F2937;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-serif-heading {
  font-family: 'Playfair Display', Georgia, serif;
}

.font-cinzel {
  font-family: 'Cinzel', 'Playfair Display', serif;
}

/* Subtle Ayurvedic Mandala or Leaf Background Texture */
.bg-ayur-texture {
  background-color: #FDFBF7;
  background-image: radial-gradient(#064E3B 0.65px, transparent 0.65px), radial-gradient(#D97706 0.65px, #FDFBF7 0.65px);
  background-size: 26px 26px;
  background-position: 0 0, 13px 13px;
  background-opacity: 0.04;
}

/* Card Glow Effect */
.card-hover-lift {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.card-hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 30px -10px rgba(6, 78, 59, 0.12), 0 8px 16px -8px rgba(217, 119, 6, 0.08);
}

/* Gold Gradient Button */
.btn-gold {
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 50%, #B45309 100%);
  color: #FFFFFF;
  font-weight: 700;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 4px 14px rgba(217, 119, 6, 0.28);
}
.btn-gold:hover {
  background: linear-gradient(135deg, #FBBF24 0%, #D97706 50%, #92400E 100%);
  box-shadow: 0 6px 20px rgba(217, 119, 6, 0.38);
  transform: translateY(-1px);
}

/* Deep Green Button */
.btn-emerald {
  background: linear-gradient(135deg, #064E3B 0%, #047857 100%);
  color: #FFFFFF;
  font-weight: 700;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 4px 14px rgba(6, 78, 59, 0.25);
}
.btn-emerald:hover {
  background: linear-gradient(135deg, #047857 0%, #065F46 100%);
  box-shadow: 0 6px 20px rgba(6, 78, 59, 0.35);
  transform: translateY(-1px);
}

/* Compliance Banner Top Bar */
.compliance-strip {
  background: #022C22;
  color: #FEF3C7;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Ayurvedic trust badge ring */
.badge-gold-ring {
  border: 1px dashed rgba(217, 119, 6, 0.4);
  background: #FFFBEB;
}

/* Print Invoice Styles */
@media print {
  .no-print {
    display: none !important;
  }
  body {
    background: #FFFFFF !important;
  }
}