/* ============================================================
   Pipeline Immigration Consulting — Brand Override for Liviza
   FINAL PALETTE: Option K — Forest Green leads, Terracotta accents
   Verified against the actual liviza.zip theme CSS — class names
   below are confirmed real, not guessed.

   Paste this entire block into:
   WP Admin > Appearance > Theme Options > Advanced Settings > CSS/JS Code
   (or wherever you pasted the earlier red/gold version)

   This REPLACES every earlier version — paste over the old code
   entirely rather than appending this below it.
   ============================================================ */

/* --- Import brand fonts (unchanged throughout) --- */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,72,400;0,72,500;0,72,600;1,72,400&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

:root{
  --pic-forest:     #254D3B;
  --pic-terracotta: #B15A3E;
  --pic-ink:        #163023;
  --pic-paper:      #FAF8F3;
  --pic-paper-dim:  #F1EAE0;
  --pic-slate:      #6B6864;
  --pic-gold:       #B08D3E;
}

/* --- Base typography --- */
body, p, li, a, span, div{
  font-family: 'Inter', sans-serif;
}
h1, h2, h3, h4{
  font-family: 'Newsreader', serif !important;
  font-weight: 500;
  letter-spacing: -0.01em;
}

body{
  background-color: var(--pic-paper);
  color: #2E2A28;
}

/* --- Header (real class: .site-header) — Forest Green leads --- */
.site-header, .site-header-main{
  background-color: var(--pic-forest) !important;
  border-bottom: 1px solid #1B3B2D;
}
.site-header a, .site-header-menu a{
  color: #fff !important;
}

/* --- Buttons (confirmed real: .btn / .btn-primary) — Forest Green --- */
.btn, .btn-primary, input[type="submit"]{
  background-color: var(--pic-forest) !important;
  border-color: var(--pic-forest) !important;
  color: #fff !important;
  font-weight: 600;
  border-radius: 3px !important;
}
.btn:hover, .btn-primary:hover, input[type="submit"]:hover{
  background-color: #1c3c2e !important;
  border-color: #1c3c2e !important;
}

/* --- Service boxes (confirmed real: .themestek-box-service,
   .single-themestek-service, .themestek-servicebox-style-1/-2) ---
   Terracotta accent for links, warm cream card background */
.themestek-box-service, .single-themestek-service{
  background-color: #fff !important;
  border: 1px solid #E4D9CC !important;
  border-radius: 6px !important;
}
.themestek-box-service:hover, .single-themestek-service:hover{
  background-color: var(--pic-paper-dim) !important;
}
.ts-service-link{
  color: var(--pic-terracotta) !important;
}

/* --- Footer (confirmed real: .footer, .footercontactinfo) — deep forest --- */
.footer{
  background-color: var(--pic-ink) !important;
  color: #D3DBD5 !important;
}
.footer a, .footercontactinfo, .footercontactinfo a{
  color: #fff !important;
}

/* --- Eyebrow / label styling (apply "pic-eyebrow" as Extra Class Name
   on WPBakery text blocks) — Terracotta, the accent color --- */
.pic-eyebrow{
  font-family: 'IBM Plex Mono', monospace !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pic-terracotta) !important;
  font-size: 11px;
  font-weight: 600;
}

/* --- Optional: small tag/chip elements for services or tags, if used ---
   Terracotta border/text on warm cream fill, matching the mockup */
.pic-chip{
  display: inline-block;
  border: 1px solid var(--pic-terracotta);
  color: var(--pic-terracotta);
  background-color: #FBF1EC;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 11px;
  font-weight: 600;
}