/* ═══════════════════════════════════════════════════════════════════════════
   LOBITO GROUP — BRAND IDENTITY v2
   ─────────────────────────────────────────────────────────────────────────
   Color System:
     Plum Purple  → #6B3FA0  (H1/H2 headings, primary buttons, wordmark "LOBITO")
     Lime Green   → #8dc63f  (interactive accents, icons, links, wordmark "GROUP")

   Rules:
     1. Wordmark: LOBITO = Plum Purple  |  GROUP = Lime Green
     2. H1 + H2 page titles = Plum Purple
     3. Primary buttons = Plum Purple bg  |  hover = Lime Green border/bg
     4. All links, icons, small accents = Lime Green (unchanged)
     5. Card borders, dividers = thin Lime Green lines (high-end technical feel)
     6. Backgrounds are NOT changed — only text, buttons, accents
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── BRAND TOKENS ─────────────────────────────────────────────────────────── */
:root {
  --plum:        #6B3FA0;              /* Plum Purple — new primary */
  --plum-dark:   #57328A;              /* Darker plum for hover depth */
  --plum-glow:   rgba(107,63,160,.35); /* Plum glow for box-shadows */
  --plum-dim:    rgba(107,63,160,.12); /* Plum tint for backgrounds */
  --plum-border: rgba(107,63,160,.3);  /* Plum for border accents */
  --lime:        #8dc63f;              /* Lime Green — kept as accent */
  --lime-dim:    rgba(141,198,63,.12);
  --lime-border: rgba(141,198,63,.3);
  --lime-glow:   rgba(141,198,63,.35);
}

/* ═══════════════════════════════════════════════════════════════════════════
   1. WORDMARK SPLIT — LOBITO (Plum) / GROUP (Lime)
   Targets every place the logo name appears: nav, footer, everywhere
   ═══════════════════════════════════════════════════════════════════════════ */

/* Nav logo */
#site-logo .lw,
.site-branding .lw,
.lobito-logo .lw,
.nav-logo .lw,
.brand-w {
  color: var(--plum) !important;
}

#site-logo .lg,
.site-branding .lg,
.lobito-logo .lg,
.nav-logo .lg,
.brand-g {
  color: var(--lime) !important;
}

/* Logo icon background — Plum Purple square */
#logo-icon,
.brand-icon,
.lobito-logo-icon,
#lobito-logo-icon,
.nav-logo-icon {
  background: var(--plum) !important;
}

/* Footer logo */
footer .lw,
.site-footer .lw,
.footer-brand .lw { color: var(--plum) !important; }
footer .lg,
.site-footer .lg,
.footer-brand .lg { color: var(--lime) !important; }
footer .brand-icon,
.site-footer .brand-icon,
.footer-brand .brand-icon { background: var(--plum) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   2. H1 + H2 PAGE TITLES — Plum Purple
   All major display headings (not body copy, not labels)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Hero */
.hero-title,
h1.hero-title { color: var(--plum) !important; }

/* The .green span inside hero title stays Lime */
.hero-title .green,
.hero-title span.green { color: var(--lime) !important; }

/* Ecosystem page title */
.eco-title,
h1.eco-title { color: var(--plum) !important; }
.eco-title .green,
.eco-title span.green { color: var(--lime) !important; }

/* About — Regional Expertise */
.expertise-title,
h1.expertise-title,
h2.expertise-title { color: var(--plum) !important; }
.expertise-title .green,
.expertise-title span.green { color: var(--lime) !important; }

/* Contact */
.contact-title,
h1.contact-title { color: var(--plum) !important; }
.contact-title .green,
.contact-title span.green { color: var(--lime) !important; }

/* Careers */
.careers-title,
h1.careers-title { color: var(--plum) !important; }
.careers-title .green,
.careers-title span.green { color: var(--lime) !important; }

/* Legal pages */
.legal-title,
h1.legal-title { color: var(--plum) !important; }
.legal-title .green,
.legal-title span.green { color: var(--lime) !important; }

/* Section H2 titles */
.section-title,
h2.section-title { color: var(--plum) !important; }
.section-title .green,
.section-title span.green { color: var(--lime) !important; }

/* Venture name H2 */
.venture-name,
h2.venture-name,
.vd-title,
h1.vd-title { color: var(--plum) !important; }

/* Venture detail title */
.vd-title .green,
.vd-title span.green { color: var(--lime) !important; }

/* Driven by Values overlay title */
.driven-title { color: var(--white) !important; } /* keep white on dark bg image */

/* CTA banner title */
.cta-title { color: var(--white) !important; } /* keep white on deep blue bg */

/* ═══════════════════════════════════════════════════════════════════════════
   3. PRIMARY BUTTONS — Plum Purple background, Lime Green on hover
   ═══════════════════════════════════════════════════════════════════════════ */

/* Main primary button */
.btn-primary,
button.btn-primary,
a.btn-primary {
  background: var(--plum) !important;
  color: #ffffff !important;
  box-shadow: none;
}
.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover {
  background: var(--lime) !important;
  color: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px var(--lime-glow) !important;
}

/* Send button (contact form) */
.btn-send {
  background: var(--plum) !important;
  color: #ffffff !important;
}
.btn-send:hover {
  background: var(--lime) !important;
  color: #000 !important;
  box-shadow: 0 8px 28px var(--lime-glow) !important;
}

/* CTA banner white button — keep white, hover to lime */
/* White CTA button hover → lime */
.btn-white,
button.btn-white,
a.btn-white {
  background: var(--white) !important;
  color: #000 !important;
}
.btn-white:hover,
button.btn-white:hover,
a.btn-white:hover {
  background: var(--lime) !important;
  color: #000 !important;
  box-shadow: 0 8px 28px var(--lime-glow) !important;
}

/* CTA banner "CONTACT OUR EXPERTS" button — Plum Purple, hover Lime */
.cta-btn,
button.cta-btn,
a.cta-btn {
  background: var(--plum) !important;
  color: #ffffff !important;
  border: 2px solid var(--plum) !important;
}
.cta-btn:hover,
button.cta-btn:hover,
a.cta-btn:hover {
  background: var(--lime) !important;
  color: #000000 !important;
  border-color: var(--lime) !important;
  box-shadow: 0 8px 28px var(--lime-glow) !important;
  transform: translateY(-2px) !important;
}

/* Nav CONNECT button */
#header-cta,
.nav-connect,
.nav-cta,
a#header-cta {
  border-color: var(--plum) !important;
  color: var(--white) !important;
  background: transparent !important;
}
#header-cta:hover,
.nav-connect:hover,
.nav-cta:hover,
a#header-cta:hover {
  background: var(--plum) !important;
  color: var(--white) !important;
  border-color: var(--plum) !important;
  transform: translateY(-1px) !important;
}

/* Outline button — hover shows lime */
.btn-outline,
button.btn-outline,
a.btn-outline {
  border-color: var(--cb2) !important;
  color: var(--white) !important;
  background: transparent !important;
}
.btn-outline:hover,
button.btn-outline:hover,
a.btn-outline:hover {
  border-color: var(--lime) !important;
  background: rgba(141,198,63,.08) !important;
  color: var(--white) !important;
}

/* Category pill on venture cards */
.cat-pill,
span.cat-pill {
  background: var(--plum) !important;
  color: #ffffff !important;
}

/* Image tag badge (TECH, TRADE etc.) */
.venture-tag {
  background: var(--plum) !important;
  color: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   4. LINKS & ICONS — All stay Lime Green (no change, confirmed correct)
      Explicit re-declaration for clarity
   ═══════════════════════════════════════════════════════════════════════════ */

/* All green text accents */
.green,
.svc-cat,
.job-dept,
.meta-label,
.v-ml,
.vi-lbl ~ *,
.vi-partner,
.view-all,
.venture-cta,
.svc-link:hover,
.map-hq-lbl,
.map-link,
.stat-num,
.commit-num,
.cpill .cn,
.hero-badge,
.pillar-bar,
.corridor-route,
.form-group:focus-within .form-lbl,
.footer-links a:hover,
.soc-btn:hover,
.footer-legal a:hover { color: var(--lime) !important; }

/* All icon SVGs */
.ibadge svg,
.sbadge svg,
.hq-pin-icon svg,
.vm-icon-eye svg,
.vm-icon-target svg,
.value-icon svg,
.info-ico svg,
.cap-check svg,
.footer-contact-item svg { stroke: var(--lime) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   5. CARD BORDERS & DIVIDERS — Lime Green thin lines for premium feel
   ═══════════════════════════════════════════════════════════════════════════ */

/* Stat cards — lime border on hover */
.stat-card:hover { border-color: var(--lime) !important; }

/* Service cards hover */
.svc-card:hover { border-color: rgba(141,198,63,.5) !important; }

/* Value cards hover */
.value-card:hover { border-color: rgba(141,198,63,.45) !important; }

/* Job cards hover */
.job-card:hover { border-color: rgba(141,198,63,.4) !important; }

/* VM cards — lime tinted border, slightly stronger on hover */
.vm-card { border-color: rgba(141,198,63,.15) !important; }
.vm-card:hover { border-color: rgba(141,198,63,.45) !important; }

/* HQ card hover */
.hq-card:hover { border-color: rgba(141,198,63,.4) !important; }

/* Map card hover */
.map-card:hover { border-color: rgba(141,198,63,.35) !important; }

/* Form inputs — lime focus ring */
.form-input:focus,
.form-ta:focus {
  border-color: var(--lime) !important;
  box-shadow: 0 0 0 3px rgba(141,198,63,.08) !important;
}

/* Footer top border — thin lime line for premium feel */
.site-footer { border-top: 1px solid rgba(141,198,63,.2) !important; }

/* Footer bottom border — thin lime */
.footer-bottom { border-top: 1px solid rgba(141,198,63,.12) !important; }

/* Legal page dividers */
.legal-divider { background: rgba(141,198,63,.15) !important; }

/* Pillar rows — lime left bar already set, reinforce hover border */
.pillar-row { border-bottom-color: rgba(141,198,63,.1) !important; }
.pillar-row:first-child { border-top-color: rgba(141,198,63,.1) !important; }

/* Icon badges — lime accent border */
.ibadge { border-color: rgba(141,198,63,.25) !important; }
.sbadge { border-color: rgba(141,198,63,.18) !important; }
.value-icon { border-color: rgba(141,198,63,.2) !important; }

/* Corridor card border accent */
.corridor-card { border-color: rgba(141,198,63,.18) !important; }

/* Vi-card (venture info sidebar) */
.vi-card { border-color: rgba(141,198,63,.15) !important; }

/* Commit badge border */
.commit-badge { border-color: rgba(141,198,63,.18) !important; }

/* Section header underline accent — thin lime line below section headers */
.section-hdr {
  padding-bottom: 24px !important;
  border-bottom: 1px solid rgba(141,198,63,.12) !important;
  margin-bottom: 52px !important;
}

/* Hero badge border */
.hero-badge {
  border-color: rgba(141,198,63,.4) !important;
  background: rgba(141,198,63,.08) !important;
}

/* Country pills in corridor card */
.cpill { border-color: rgba(141,198,63,.25) !important; }

/* Cap check circles */
.cap-check { border-color: var(--lime) !important; }

/* Info icon hover */
.info-item:hover .info-ico { border-color: rgba(141,198,63,.4) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   6. HEADER — Nav underline stays Lime, CONNECT button Plum
   ═══════════════════════════════════════════════════════════════════════════ */

/* Nav active/hover underlines — Lime Green */
#primary-nav ul li a::after,
#primary-nav a::after { background: var(--lime) !important; }

#primary-nav ul li a:hover,
#primary-nav a:hover,
#primary-nav ul li.current-menu-item > a,
#primary-nav ul li.current_page_item > a { color: var(--lime) !important; }

/* Mobile nav hover */
#mobile-nav a:hover { color: var(--lime) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   7. SCROLL REVEAL — ensure no color override conflict
   ═══════════════════════════════════════════════════════════════════════════ */
/* No change needed — opacity/transform only */

/* ═══════════════════════════════════════════════════════════════════════════
   8. TOAST NOTIFICATION — Plum background
   ═══════════════════════════════════════════════════════════════════════════ */
.lobito-toast {
  background: var(--plum) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 28px var(--plum-glow) !important;
}