/* ========================================================
   PURE & PRIME MEATS - PREMIUM LIGHT THEME OVERRIDES
   ======================================================== */
img.logoimg {
    width: 200px!important;
    height: 70px!important;
}

:root {
  /* Dynamic Palette Definitions according to spec */
  --color-emerald-50: #f0fdf4;
  --color-emerald-100: #dcfce7;
  --color-emerald-200: #bbf7d0;
  --color-emerald-350: #3c9d55;
  --color-emerald-400: #1c8d3b;
  --color-emerald-500: #136028 !important; /* Specific Spec Forest Green */
  --color-emerald-600: #0f4c20 !important;
  --color-emerald-700: #0a3816 !important;
  --color-emerald-800: #06250e !important;
  
  --color-gold-50: #fdfbeb;
  --color-gold-100: #fef7cd;
  --color-gold-200: #fde68a;
  --color-gold-400: #d9b13c;
  --color-gold-500: #a68227 !important; /* Specific Spec Premium Gold */
  --color-gold-600: #8a6a1e;
  
  --color-zinc-50: #fafafa;
  --color-zinc-100: #f4f4f5;
  --color-zinc-200: #e4e4e7;
  --color-zinc-300: #d4d4d8;
  --color-zinc-400: #a1a1aa;
}

/* Base Body Styles */
body {
  background-color: #ffffff !important;
  color: #111111 !important;
  font-family: 'Outfit', sans-serif;
  letter-spacing: -0.01em;
}

/* Convert all dark bg classes to light white bg states */
.bg-zinc-950, 
.bg-black, 
.bg-zinc-950\/95, 
.bg-zinc-950\/80, 
.bg-zinc-950\/60,
.bg-zinc-950\/40, 
.bg-black\/85, 
.bg-black\/80, 
.bg-black\/70, 
.bg-black\/50, 
.bg-black\/20 {
  background-color: #ffffff !important;
}

/* Subtle background variations for cards, rails, etc. */
.bg-zinc-900,
.glass-card,
.testimonial-slide-card,
.bento-card,
[class*="bg-zinc-900"] {
  background-color: #fafafa !important;
}

/* Glass panel styled nicely with light mode backdrop */
.glass-nav {
  background-color: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(19, 96, 40, 0.12) !important;
}

.glass-card {
  background-color: #ffffff !important;
  border: 1px solid rgba(19, 96, 40, 0.08) !important;
  box-shadow: 0 4px 20px -2px rgba(19, 96, 40, 0.04) !important;
}

/* Card hover improvements */
.glass-card:hover {
  border-color: #a68227 !important;
  box-shadow: 0 10px 30px -5px rgba(166, 130, 39, 0.08) !important;
}

/* Gradients standard fallback */
.bg-gradient-to-b, 
.bg-gradient-to-t, 
.bg-gradient-to-l, 
.bg-gradient-to-r {
  background-image: none !important;
}

/* Keep elegant filling gradients for buttons only */
button.bg-gradient-to-r,
a.bg-gradient-to-r,
[class*="bg-gradient-to-r"][href*="products.html"],
.bg-emerald-600 {
  background-image: linear-gradient(135deg, #136028, #1d7b38) !important;
  color: #ffffff !important;
}

button.bg-gradient-to-r:hover,
a.bg-gradient-to-r:hover {
  background-image: linear-gradient(135deg, #0f4c20, #136028) !important;
  box-shadow: 0 6px 20px rgba(19, 96, 40, 0.25) !important;
}

/* Handle specific text coloring for high contrast */
p, li, label, div {
  color: #111111;
}

h1, h2, h3, h4, h5, h6 {
  color: #0d2815 !important; /* Custom deep forest dark charcoal color for headings */
}

/* Select specific text override classes from dark to light themes */
.text-white {
  color: #111111 !important;
}

.text-gray-200, .text-zinc-300, .text-gray-300 {
  color: #27272a !important;
}

.text-gray-400, .text-zinc-400, .text-zinc-500, .text-gray-500 {
  color: #52525b !important;
}

/* Specific green highlight texts */
.text-emerald-400, 
.text-emerald-500, 
.text-emerald-300, 
.text-\[\#15602a\] {
  color: #136028 !important;
}

/* Specific gold highlight texts */
.text-amber-500, 
.text-amber-300, 
.text-amber-400,
.text-\[\#ad8310\],
[class*="text-[#ad8310]"] {
  color: #a68227 !important;
}

/* Borders and Separators */
.border-zinc-800, 
.border-zinc-900, 
.border-zinc-950,
.border-zinc-900\/40,
.border-zinc-900\/60,
.border-zinc-900\/80 {
  border-color: #e4e4e7 !important;
}

/* Subtle accent lines */
.bg-\[\#ad8310\],
[class*="bg-[#ad8310]"],
.border-\[\#ad8310\] {
  background-color: #a68227 !important;
  border-color: #a68227 !important;
}

/* Specific contrast buttons & controls */
input, textarea, select {
  background-color: #fafafa !important;
  color: #111111 !important;
  border: 1px solid #d4d4d8 !important;
}

input:focus, textarea:focus, select:focus {
  border-color: #136028 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #136028 !important;
}

/* Maintain light theme Drawer experience */
#quote-drawer,
#mobile-menu-drawer {
  background-color: #ffffff !important;
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.08) !important;
  border-left: 1px solid #e4e4e7 !important;
  color: #111111 !important;
}

#quote-drawer h2, 
#quote-drawer h3, 
#quote-drawer h4,
#mobile-menu-drawer h2,
#mobile-menu-drawer h3,
#mobile-menu-drawer a {
  color: #111111 !important;
}

/* Retain high-contrast white text inside badges and buttons! */
span.bg-emerald-500,
span.bg-emerald-600,
button.bg-emerald-500,
button.bg-emerald-600,
a.bg-emerald-500,
a.bg-emerald-600,
.bg-emerald-500 *,
.bg-emerald-650 *,
.bg-emerald-600 * {
  color: #ffffff !important;
}

.quote-badge-count,
#sticky-quote-bubble span {
  color: #ffffff !important;
  background-color: #a68227 !important;
}

/* Hero Badge */
.inline-flex.items-center.gap-2.bg-gradient-to-r {
  background-color: #f4f7f5 !important;
  border: 1px solid rgba(19, 96, 40, 0.15) !important;
  background-image: none !important;
}

.inline-flex.items-center.gap-2.bg-gradient-to-r span {
  color: #136028 !important;
}

/* Highlight badge pulse */
.pulse-emerald {
  background-color: rgba(19, 96, 40, 0.03) !important;
}

/* Specs Sheet & Secondary anchors */
a.text-zinc-400:hover, 
a.text-gray-400:hover {
  color: #136028 !important;
}

/* Ensure Loading screen gets styled elegantly */
#loading-screen {
  background-color: #ffffff !important;
}

#loading-screen p {
  color: #a68227 !important;
}

/* Sticky quotes and interactive badges */
#sticky-quote-bubble {
  background-color: #136028 !important;
  box-shadow: 0 8px 30px rgba(19, 96, 40, 0.25) !important;
}

#sticky-quote-bubble i {
  color: #ffffff !important;
}

/* Map specific override for circles */
circle {
  fill: #136028 !important;
}
#node-outer-h1 {
  stroke: #136028 !important;
}

/* Checkbox filter contrast */
input[type="checkbox"] {
  accent-color: #136028 !important;
}