/*
 * v2.css — Warm-palette overrides for the "v2" page only.
 * Scoped to body.tn-v2 so the current Home (front-page.php) is untouched.
 * Palette: cream background, brown text, deep herbal green dark sections,
 * turmeric/amber accent. No black backgrounds (per revisi.md #1).
 * Reference vibe: globalturmeric.com (warm, earthy).
 */

body.tn-v2 {
  /* Warm accent + neutrals */
  --primary: #c8801e;          /* turmeric amber accent */
  --primary-deep: #a4641a;     /* darker amber for hover */
  --bg-light: #f6efe1;         /* cream */
  --bg-cream-2: #fbf6ec;       /* warm off-white for "white" sections */
  --bg-dark: #4a3a22;          /* warm brown (logo bg / icon ink) */
  --green-deep: #3f5037;       /* deep herbal green (replaces near-black) */
  --green-deeper: #354430;     /* footer / hover green */
  --brown-deep: #43331f;       /* espresso brown */
  --text: #3b2f23;             /* dark brown text */
  --muted: #6f6253;
  --muted-2: #877763;
  --card-border: #e7dcc6;
  --black: #3f5037;            /* override: "black" -> green */

  background: var(--bg-light);
}

/* ---- Header ---- */
body.tn-v2 .tn-header {
  background: rgba(246, 239, 225, .82);
  border-bottom: 1px solid rgba(200, 128, 30, .16);
}
body.tn-v2 .tn-nav a { color: rgba(59, 47, 35, .85); }
body.tn-v2 .tn-nav a:hover { color: var(--primary); }
body.tn-v2 .tn-logo { background: var(--primary); color: #fff; }
body.tn-v2 .tn-mobile-nav { background: var(--bg-cream-2); border-top-color: var(--card-border); }

/* ---- Section backgrounds: kill all dark/white, go warm ---- */
body.tn-v2 .tn-section-white { background: var(--bg-cream-2); }
body.tn-v2 .tn-section-dark {
  background: var(--green-deep);
  color: #f4efe4;
}
body.tn-v2 .tn-section-dark .tn-dark p,
body.tn-v2 .tn-section-dark p { color: rgba(244, 239, 228, .82); }

/* ---- Buttons ---- */
body.tn-v2 .tn-btn-primary { background: var(--primary); color: #fff; }
body.tn-v2 .tn-btn-primary:hover { background: var(--primary-deep); color: #fff; box-shadow: var(--shadow-md); }
body.tn-v2 .tn-btn-secondary { background: #e9ddc6; color: var(--text); }
body.tn-v2 .tn-btn-secondary:hover { background: #ddcdb0; }

/* ---- Badges / eyebrow / accents (retint yellow -> amber) ---- */
body.tn-v2 .tn-eyebrow { color: var(--primary); }
body.tn-v2 .tn-eyebrow span { background: var(--primary); }
body.tn-v2 .tn-badge {
  background: rgba(200, 128, 30, .10);
  border-color: rgba(200, 128, 30, .22);
}
body.tn-v2 .tn-badge svg { color: var(--primary); }
body.tn-v2 .tn-highlight { color: var(--primary); }

/* ---- Cards ---- */
body.tn-v2 .tn-card { background: var(--bg-cream-2); border-color: var(--card-border); }
body.tn-v2 .tn-card:hover { border-color: rgba(200, 128, 30, .5); }
body.tn-v2 .tn-card .tn-icon { color: var(--primary); }
body.tn-v2 .tn-quote {
  background: rgba(200, 128, 30, .07);
  border-left-color: var(--primary);
}

/* ---- Products ---- */
body.tn-v2 .tn-product { background: var(--bg-cream-2); border-color: #efe6d3; }
body.tn-v2 .tn-product-media { background: #efe6d3; }
body.tn-v2 .tn-dot { color: var(--primary); }

/* ---- Spec table ---- */
body.tn-v2 .tn-table-head { background: var(--green-deep); color: #f4efe4; }
body.tn-v2 .tn-table thead th { background: #f0e7d4; }
body.tn-v2 .tn-table tbody tr:nth-child(even) { background: rgba(246, 239, 225, .7); }
body.tn-v2 .tn-table tbody tr:hover { background: rgba(200, 128, 30, .07); }
body.tn-v2 .tn-table tbody td { color: #4a3f30; }

/* ---- Social stats ---- */
body.tn-v2 .tn-stat strong { color: #f0b860; }
body.tn-v2 .tn-stat span { color: rgba(244, 239, 228, .7); }
body.tn-v2 .tn-stat.tn-stat-text {
  display: flex;
  align-items: center;
}
body.tn-v2 .tn-stat.tn-stat-text span {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.01em;
  text-transform: none;
  color: #f4efe4;
  line-height: 1.3;
}

/* ---- FAQ ---- */
body.tn-v2 .tn-accordion-item { background: var(--bg-cream-2); border-color: #efe6d3; }

/* ---- Contact ---- */
body.tn-v2 .tn-form-card {
  background: var(--bg-light);
  border-color: rgba(200, 128, 30, .14);
}
body.tn-v2 .tn-info-icon { background: rgba(200, 128, 30, .12); color: var(--primary); }

/* ---- CTA bars ---- */
body.tn-v2 .tn-section.tn-cta-bar { background-color: var(--primary); color: #fff; }
body.tn-v2 .tn-cta-bar .tn-btn-primary { background: #fff; color: var(--primary-deep); }
body.tn-v2 .tn-cta-bar .tn-btn-primary:hover { background: #fff7ea; color: var(--primary-deep); }
body.tn-v2 .tn-section.tn-cta-bar-dark { background-color: var(--green-deep); color: #f4efe4; }
body.tn-v2 .tn-cta-bar-dark p { color: rgba(244, 239, 228, .85); }
body.tn-v2 .tn-cta-bar-dark .tn-btn-primary { background: var(--primary); color: #fff; }
body.tn-v2 .tn-cta-bar-dark .tn-btn-primary:hover { background: var(--primary-deep); }

/* ---- Footer (brown, not black) ---- */
body.tn-v2 .tn-footer {
  background: var(--brown-deep);
  border-top: 1px solid rgba(255, 255, 255, .08);
}
body.tn-v2 .tn-footer p,
body.tn-v2 .tn-footer ul { color: rgba(244, 239, 228, .72); }
body.tn-v2 .tn-footer-bottom { color: rgba(244, 239, 228, .6); border-top-color: rgba(255, 255, 255, .08); }
body.tn-v2 .tn-footer .tn-logo { background: var(--primary); color: #fff; }

/* ---- Links hover ---- */
body.tn-v2 a:hover { color: var(--primary); }

/* ---- CTA bottom ("Ready to Scale") with background image ---- */
body.tn-v2 .tn-cta-has-bg {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
body.tn-v2 .tn-cta-has-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  /* Soft, elegant overlay: deep green where the text sits, easing to a warm,
     near-transparent reveal of the photo on the right + a gentle vignette. */
  background:
    linear-gradient(100deg, rgba(47, 61, 42, .94) 0%, rgba(53, 68, 48, .78) 34%, rgba(63, 80, 55, .34) 66%, rgba(63, 80, 55, .10) 100%),
    radial-gradient(120% 140% at 12% 50%, rgba(40, 52, 36, .35) 0%, rgba(40, 52, 36, 0) 60%);
  backdrop-filter: saturate(108%);
}
body.tn-v2 .tn-cta-has-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 120px rgba(30, 40, 26, .35);
}
body.tn-v2 .tn-cta-has-bg .tn-container { position: relative; z-index: 1; }
body.tn-v2 .tn-cta-has-bg h2 { color: #fff; text-shadow: 0 1px 12px rgba(0, 0, 0, .25); }
body.tn-v2 .tn-cta-has-bg p { color: rgba(244, 239, 228, .92); }
@media (min-width: 768px) {
  body.tn-v2 .tn-cta-has-bg .tn-cta-bar-inner { padding: 72px 0; }
}

/* ---- v2 footer: single centered copyright line, no social row ---- */
body.tn-v2 .tn-footer-bottom { justify-content: center; text-align: center; }
body.tn-v2 .tn-footer-bottom p { width: 100%; text-align: center; margin: 0; }

/* ---- CTA bottom: make the photo read larger / more present ---- */
body.tn-v2 .tn-cta-has-bg { min-height: 340px; display: flex; align-items: center; }
body.tn-v2 .tn-cta-has-bg .tn-container { width: 100%; }
@media (min-width: 1024px) {
  body.tn-v2 .tn-cta-has-bg { min-height: 420px; }
}

/* ---- Footer 3rd column: contact info with icons (v2 only) ---- */
body.tn-v2 .tn-footer-contact h4 { margin: 0 0 14px; font-weight: 900; color: #fff; }
body.tn-v2 .tn-footer-contact-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
body.tn-v2 .tn-footer-contact-list li { display: flex; gap: 11px; align-items: flex-start; font-size: 13px; line-height: 1.5; color: rgba(244, 239, 228, .72); }
body.tn-v2 .tn-footer-contact-list strong { display: block; color: #fff; font-weight: 800; margin-bottom: 2px; }
body.tn-v2 .tn-footer-contact-list a { color: rgba(244, 239, 228, .72); word-break: break-word; }
body.tn-v2 .tn-footer-contact-list a:hover { color: var(--primary); }
body.tn-v2 .tn-footer-ico { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; color: var(--primary); }
body.tn-v2 .tn-footer-ico svg { width: 18px; height: 18px; display: block; }

/* ---- Social Impact section with background photo + soft overlay ---- */
body.tn-v2 .tn-social-has-bg {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
body.tn-v2 .tn-social-has-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(100deg, rgba(47, 61, 42, .95) 0%, rgba(53, 68, 48, .86) 42%, rgba(63, 80, 55, .58) 76%, rgba(63, 80, 55, .38) 100%),
    radial-gradient(120% 130% at 15% 38%, rgba(40, 52, 36, .32) 0%, rgba(40, 52, 36, 0) 62%);
}
body.tn-v2 .tn-social-has-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 140px rgba(30, 40, 26, .35);
}
body.tn-v2 .tn-social-has-bg .tn-container { position: relative; z-index: 1; }

/* ---- Header CTA button: white label (v2 only) ---- */
body.tn-v2 .tn-header .tn-cta { color: #fff !important; }