/* Custom Farm & Authentic Styles */
:root {
  --primary-green: #1B4332;
  --secondary-green: #2D6A4F;
  --accent-gold: #D4A373;
  --accent-yellow: #E9C46A;
  --cream-bg: #FCFBF7;
  --card-bg: #FFFFFF;
  --text-dark: #1E293B;
  --text-muted: #64748B;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: var(--cream-bg);
  color: var(--text-dark);
  overflow-x: hidden;
}

.font-serif-custom {
  font-family: 'Fraunces', serif;
}

/* Glassmorphism */
.glass-nav {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(226, 232, 240, 0.7);
}

.glass-card {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(241, 245, 249, 0.9);
}

/* Texture Pattern */
.bg-farm-pattern {
  background-color: #FCFBF7;
  background-image: radial-gradient(#2D6A4F 0.6px, transparent 0.6px), radial-gradient(#D4A373 0.6px, #FCFBF7 0.6px);
  background-size: 24px 24px;
  background-position: 0 0, 12px 12px;
  background-opacity: 0.05;
}

/* Product Card Glow & Hover */
.product-card {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 30px -10px rgba(27, 67, 50, 0.12);
}

/* Stamp / Badge */
.stamp-badge {
  border: 2px dashed #D4A373;
  border-radius: 9999px;
  padding: 4px 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* Pulse Animation for Carnival Status */
@keyframes festive-pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(233, 196, 106, 0.7);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(233, 196, 106, 0);
  }
}

.festival-badge {
  animation: festive-pulse 2.2s infinite;
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Hide Scrollbar for category pills on mobile */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Custom Modal */
.modal-overlay {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.modal-overlay.hidden-modal {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.modal-overlay.active-modal {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}