/**
 * BF Imports Ltd - Custom Luxury Gourmet Stylesheet
 * Deep Emerald (#0F3E2E), Antique Gold (#C69244 / #D4A373), Cream (#FDFBF7)
 */

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

:root {
  --color-emerald-deep: #0B2B20;
  --color-emerald-primary: #0F3E2E;
  --color-emerald-light: #185A43;
  --color-gold-accent: #C69244;
  --color-gold-light: #E8C487;
  --color-gold-muted: #EAD9B8;
  --color-cream: #FAF7F2;
  --color-sand: #F2EBE1;
  --color-charcoal: #19201E;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: var(--color-charcoal);
  background-color: #FDFBF8;
  overflow-x: hidden;
}

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

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

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #F2EBE1;
}
::-webkit-scrollbar-thumb {
  background: #C69244;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #0F3E2E;
}

/* Smooth glass effect */
.glass-nav {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.glass-card {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(198, 146, 68, 0.2);
}

/* Luxury Card Hover Animations */
.product-card {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, box-shadow;
}

.product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 30px -10px rgba(15, 62, 46, 0.15);
}

.product-card .product-img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.product-card:hover .product-img {
  transform: scale(1.08);
}

/* Badges */
.badge-gold {
  background: linear-gradient(135deg, #C69244 0%, #A9762B 100%);
  color: #FFFFFF;
}

.badge-emerald {
  background: linear-gradient(135deg, #0F3E2E 0%, #082219 100%);
  color: #FFFFFF;
}

/* Hero Background Gradients & Animation */
.hero-gradient {
  background: linear-gradient(135deg, #0A271E 0%, #104332 50%, #155741 100%);
  position: relative;
}

.hero-gradient::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: radial-gradient(rgba(212, 163, 115, 0.15) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
}

/* Shimmer animation */
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

.shimmer-text {
  background: linear-gradient(90deg, #FAF7F2 0%, #E8C487 50%, #FAF7F2 100%);
  background-size: 200% auto;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: shimmer 4s infinite linear;
}

/* Pulse badge animation */
@keyframes softPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.9; }
}

.pulse-soft {
  animation: softPulse 2.8s infinite ease-in-out;
}

/* Floating Drawer (Slide-Over Cart) */
#cartDrawer {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

#cartDrawer.translate-x-full {
  transform: translateX(100%);
}

#cartDrawerBackdrop {
  transition: opacity 0.3s ease;
}

/* Custom Buttons */
.btn-gold {
  background: linear-gradient(135deg, #D4A373 0%, #C69244 100%);
  color: #FFFFFF;
  transition: all 0.25s ease;
}

.btn-gold:hover {
  background: linear-gradient(135deg, #C69244 0%, #A9762B 100%);
  box-shadow: 0 4px 15px rgba(198, 146, 68, 0.4);
  transform: translateY(-1px);
}

.btn-emerald {
  background: #0F3E2E;
  color: #FAF7F2;
  transition: all 0.25s ease;
}

.btn-emerald:hover {
  background: #14533E;
  box-shadow: 0 4px 15px rgba(15, 62, 46, 0.35);
  transform: translateY(-1px);
}

/* Toast styling */
#toastNotification {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}