/*!
 * AGRO-Food V2 Brand Tokens
 * Loaded after custom.css via head.tpl hook_extra block.
 * Overrides legacy ThemeVolty greens with the V2 palette.
 */
@import url('https://fonts.googleapis.com/css2?family=Taviraj:wght@400;500;600;700&family=Quicksand:wght@400;500;600;700&display=swap');

:root {
  --agf-primary: #136a3b;
  --agf-primary-dark: #0e5530;
  --agf-secondary: #5c9147;
  --agf-highlight: #f27406;
  --agf-highlight-dark: #d96802;
  --agf-bg: #f5fbd9;
  --agf-cream: #f3eacd;
  --agf-lime: #8ec743;
  --agf-ink: #1f2a1c;
  --agf-muted: #5a665a;
  --agf-font-title: 'Taviraj', Georgia, 'Times New Roman', serif;
  --agf-font-body: 'Quicksand', 'Helvetica Neue', Arial, sans-serif;
}

/* Body & typography ------------------------------------------------------ */
body,
body p,
body span,
body div,
body li,
body a,
body label,
body input,
body select,
body textarea,
body button {
  font-family: var(--agf-font-body);
}

body {
  background-color: var(--agf-bg);
  color: var(--agf-ink);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.page-title,
.section_title,
.tvcms-block-title,
.tvcms_title,
.title_block,
.product-title {
  font-family: var(--agf-font-title);
  color: var(--agf-primary);
  font-weight: 600;
}

/* Links ------------------------------------------------------------------ */
a { color: var(--agf-primary); }
a:hover, a:focus { color: var(--agf-primary-dark); }

/* Legacy green migration: #2c5f2d, #69a920, #2c5f2d shades -> primary --- */
.tvcmsheader-sticky.sticky,
.tvcmsheader-sticky.fixed,
.tvcmsheader.sticky,
.tvcms-header-sticky.sticky {
  background-color: var(--agf-primary) !important;
}

/* Buttons --------------------------------------------------------------- */
.btn-primary,
.btn.btn-primary,
button.btn-primary,
.tvcms-btn,
.tvcms-button,
.add-to-cart,
button.add-to-cart {
  background-color: var(--agf-primary);
  border-color: var(--agf-primary);
  color: #fff;
}
.btn-primary:hover,
.btn.btn-primary:hover,
button.btn-primary:hover,
.tvcms-btn:hover,
.tvcms-button:hover,
.add-to-cart:hover,
button.add-to-cart:hover {
  background-color: var(--agf-primary-dark);
  border-color: var(--agf-primary-dark);
  color: #fff;
}

.btn-highlight,
.btn-cta,
.agf-btn-cta {
  background-color: var(--agf-highlight);
  border-color: var(--agf-highlight);
  color: #fff;
}
.btn-highlight:hover,
.btn-cta:hover,
.agf-btn-cta:hover {
  background-color: var(--agf-highlight-dark);
  border-color: var(--agf-highlight-dark);
  color: #fff;
}

/* Header & top bar utility classes (used by new desk-header) ----------- */
.agf-topbar { background-color: var(--agf-primary); color: #fff; }
.agf-topbar a { color: #fff; }
.agf-topbar a:hover { color: var(--agf-lime); }
.agf-navbar { background-color: var(--agf-secondary); color: #fff; }
.agf-navbar a { color: #fff; }
.agf-navbar a:hover { color: var(--agf-bg); }

/* Footer ----------------------------------------------------------------- */
.footer-container,
.tvcmsfooter,
#footer {
  background-color: var(--agf-primary);
  color: #f4f7ec;
}
.footer-container a,
.tvcmsfooter a,
#footer a { color: #f4f7ec; }
.footer-container a:hover,
.tvcmsfooter a:hover,
#footer a:hover { color: var(--agf-lime); }
.footer-container h3,
.footer-container h4,
.tvcmsfooter h3,
.tvcmsfooter h4,
.footer-container .h3,
.footer-container .h4,
.title_block {
  color: #fff;
  font-family: var(--agf-font-title);
}

/* Price colour (legacy theme used green) -------------------------------- */
.product-price,
.price,
.regular-price {
  color: var(--agf-primary);
}

/* Custom highlight tag (used in About / Contact partials) -------------- */
.agf-accent { color: var(--agf-highlight); }
.agf-bg-cream { background-color: var(--agf-cream); }
.agf-bg-soft { background-color: var(--agf-bg); }

/* Override inline legacy green from agf-contact-extras / agf-home-intro */
.agf-contact-headline h1,
.agf-locations h2,
.agf-locations h3 {
  color: var(--agf-primary) !important;
}
.agf-contact-headline a,
.agf-locations a {
  color: var(--agf-primary) !important;
}