/*
 * Shiv Gauri (शिवगौरी) - Global Stylesheet
 * Spiritual Luxury Theme Inspired by Hari Darshan
 * Fonts: Cinzel & Plus Jakarta Sans
 */

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

:root {
  --color-maroon: #7A0000;
  --color-crimson: #900000;
  --color-maroon-dark: #580000;
  --color-saffron: #D97706;
  --color-gold: #D4AF37;
  --color-gold-light: #F7E7CE;
  --color-cream: #FCF9F2;
  --color-cream-card: #FFFFFF;
  --color-border: #E8D9BD;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: var(--color-cream);
  color: #2D241E;
  overflow-x: hidden;
}

.font-serif-sacred {
  font-family: 'Cinzel', serif;
  letter-spacing: 0.02em;
}

.font-hindi-sacred {
  font-family: 'Rozha One', 'Plus Jakarta Sans', serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #F7EFE0;
}
::-webkit-scrollbar-thumb {
  background: #C4984F;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #7A0000;
}

/* Sacred Subtle Pattern Background */
.bg-sacred-pattern {
  background-color: #FCF9F2;
  background-image: radial-gradient(#D4AF37 0.75px, transparent 0.75px), radial-gradient(#D4AF37 0.75px, #FCF9F2 0.75px);
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px;
}

.bg-mandala {
  background-image: radial-gradient(circle at center, rgba(212, 175, 55, 0.15) 0%, rgba(252, 249, 242, 0) 70%);
}

/* Gold Gradient Shimmer */
.gold-gradient-text {
  background: linear-gradient(135deg, #7A0000 0%, #B45309 50%, #D4AF37 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gold-gradient-bg {
  background: linear-gradient(135deg, #7A0000 0%, #900000 60%, #B45309 100%);
}

.gold-border-glow {
  box-shadow: 0 0 15px rgba(212, 175, 55, 0.25);
}

/* Floating WhatsApp Button Pulse */
@keyframes pulse-gold {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

.whatsapp-pulse {
  animation: pulse-gold 2s infinite;
}

/* Product Card Hover Lift */
.product-card {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px -8px rgba(122, 0, 0, 0.12), 0 0 0 1px rgba(212, 175, 55, 0.4);
}

/* Badge Styling */
.badge-sacred {
  background: linear-gradient(135deg, #7A0000, #9B1C1C);
  color: #FFFFFF;
  border: 1px solid #D4AF37;
}

/* Print Invoice Styling */
@media print {
  body * {
    visibility: hidden;
  }
  #printableInvoice, #printableInvoice * {
    visibility: visible;
  }
  #printableInvoice {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 20px;
    background: white;
  }
  .no-print {
    display: none !important;
  }
}

/* Mobile Responsive Typography & Safe Area Enhancements */
@media (max-width: 640px) {
  /* Prevent text clipping across all cards & containers */
  h1, h2, h3, h4, p, span, div {
    overflow-wrap: break-word;
  }

  /* Safe margins for floating buttons */
  .whatsapp-pulse {
    bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
  }
}