/* NEW (17 Oct 2026): Navy + Terracotta theme accents.
   The base colours were swapped green -> navy/terracotta in place; this file
   only adds the terracotta highlights and the alternating section colours
   from the approved preview. Remove this file's <link> in header.php to
   turn the accents off. Website front-end only (admin is not affected). */
:root {
  --vt-navy: #14243c;
  --vt-navy-2: #1d3354;
  --vt-terra: #b5532f;
  --vt-terra-dark: #8f3f22;
  --vt-saffron: #f2b866;
  --vt-sand: #f2e4d4;
  --vt-peach: #fbefe6;
  --vt-cream: #fbf6ef;
  --vt-mist: #eef2f7;
}

/* Buttons: main call-to-action in terracotta (white text), hover darker */
.v-btn-primary,
a.v-btn-primary,
button.v-btn-primary {
  background: var(--vt-terra) !important;
  border-color: var(--vt-terra) !important;
  color: #fff !important;
}
.v-btn-primary:hover,
a.v-btn-primary:hover,
button.v-btn-primary:hover {
  background: var(--vt-terra-dark) !important;
  border-color: var(--vt-terra-dark) !important;
  color: #fff !important;
}

/* Prices + discount badges in terracotta */
.v-product-price-current { color: var(--vt-terra) !important; }
.v-product-badge-discount { background: var(--vt-terra) !important; color: #fff !important; }

/* Add to Cart stays navy, terracotta on hover */
.v-product-add-btn:hover,
.add-to-cart:hover { background: var(--vt-terra) !important; border-color: var(--vt-terra) !important; color: #fff !important; }

/* Section eyebrow labels: terracotta text on soft peach */
.v-eyebrow:not(.v-dk-badge) { color: var(--vt-terra) !important; background: var(--vt-peach) !important; }

/* Stats strip under the hero -> terracotta */
section.vx-facts { background: var(--vt-terra) !important; }
section.vx-facts .vx-fact strong { color: #fff !important; }
section.vx-facts .vx-fact span { color: #f7dcc9 !important; }

/* Alternating section colours on the home page (no more all-white page) */
#shop-by-category { background: var(--vt-sand) !important; }
#best-products-section { background: #fff !important; }
#why-valluvam { background: var(--vt-mist) !important; }
#healthy-choices-section { background: var(--vt-cream) !important; }
#traditional-foods-section { background: var(--vt-sand) !important; }
section.v-story-section { background: #fff !important; }
#gifting-section { background: var(--vt-peach) !important; }
section.v-category-section { background: var(--vt-cream) !important; }
#everyday-essentials-section { background: #fff !important; }
#top-rated-section { background: var(--vt-mist) !important; }
section.v-reviews-section { background: var(--vt-sand) !important; }
section.v-blog-section { background: var(--vt-cream) !important; }
#faq.vx-faq { background: var(--vt-mist) !important; }
section.v-newsletter-section { background: var(--vt-peach) !important; }
#brand-slider { background: var(--vt-sand) !important; }

/* Bulk-supply band -> terracotta */
section.v-b2b-section { background: linear-gradient(135deg, #8f3f22 0%, #b5532f 100%) !important; }

/* Buttons that sit on the terracotta bulk-supply band: white for contrast */
section.v-b2b-section .v-btn-primary,
section.v-b2b-section a.v-btn-primary { background: #fff !important; border-color: #fff !important; color: var(--vt-navy) !important; }
section.v-b2b-section .v-btn-primary:hover,
section.v-b2b-section a.v-btn-primary:hover { background: var(--vt-saffron) !important; border-color: var(--vt-saffron) !important; color: var(--vt-navy) !important; }

/* Cart: "Proceed to Checkout" as the terracotta call-to-action */
.v-btn-checkout { background: var(--vt-terra) !important; border-color: var(--vt-terra) !important; color: #fff !important; }
.v-btn-checkout:hover { background: var(--vt-terra-dark) !important; border-color: var(--vt-terra-dark) !important; color: #fff !important; }