/*
  Agrizen brand tokens.
  Loaded after the base commerce theme so site-specific colors stay consistent.
*/
:root {
  --agrizen-forest: #1A3C2E;
  --agrizen-forest-2: #254F3D;
  --agrizen-forest-soft: #EEF3E8;
  --agrizen-gold: #8B6914;
  --agrizen-rule-gold: #C8B97A;
  --agrizen-cream: #F4F1EA;
  --agrizen-cream-2: #ECE7DA;
  --agrizen-ink: #102018;
  --agrizen-text: #263126;
  --agrizen-muted: #6B695E;
  --agrizen-line: rgba(26, 60, 46, 0.16);
  --agrizen-line-strong: rgba(139, 105, 20, 0.32);
  --agrizen-white: #FFFFFF;
  --agrizen-shadow: 0 18px 50px -28px rgba(16, 32, 24, 0.38);
  --agrizen-serif: Georgia, "Times New Roman", serif;
  --agrizen-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --primary: var(--agrizen-gold);
  --main: var(--agrizen-forest);
  --secondary: var(--agrizen-muted);
  --success: var(--agrizen-forest-2);
  --surface: var(--agrizen-cream);
  --yellow: var(--agrizen-rule-gold);
  --line: var(--agrizen-line);
}

body {
  color: var(--agrizen-text);
  background: var(--agrizen-cream);
}

.text-success {
  color: var(--agrizen-gold) !important;
}

.tf-topbar.bg-main,
.bg-main {
  background-color: var(--agrizen-forest) !important;
}

.tf-btn.btn-fill:not(.btn-white),
.btn-style-2,
.btn-main-product {
  background-color: var(--agrizen-forest);
  border-color: var(--agrizen-forest);
}

.tf-btn.btn-fill:not(.btn-white):hover,
.btn-style-2:hover,
.btn-main-product:hover {
  background-color: var(--agrizen-gold);
  border-color: var(--agrizen-gold);
}

.logo-header .logo,
.footer-logo img {
  max-height: 54px;
  width: auto;
}

.card-product .card-product-wrapper .on-sale-wrap .on-sale-item,
.tf-product-info-price .badges-on-sale,
.product-badge {
  background: rgba(244, 241, 234, 0.96) !important;
  border: 1px solid var(--agrizen-rule-gold) !important;
  color: var(--agrizen-forest) !important;
  box-shadow: 0 10px 24px -16px rgba(16, 32, 24, 0.42);
  font-weight: 700;
  letter-spacing: 0.06em;
  max-width: min(82%, 220px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agrizen-provider-meta {
  color: var(--agrizen-muted);
  font-size: 0.82rem;
  line-height: 1.45;
  margin: 0.35rem 0 0;
}

.agrizen-provider-meta strong {
  color: var(--agrizen-forest);
  font-weight: 700;
}