@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800;900&family=Jost:wght@400;500;600;700&display=swap');

:root{
  --vg:#1fa06a;        /* emerald primary */
  --vg-d:#15794f;      /* deep emerald (hover) */
  --vg-soft:#e9f6ef;   /* pale emerald wash */
  --vgold:#f5b120;     /* golden accent */
  --vcream:#fbf8f1;    /* warm cream light bg */
  --vink:#1a2e26;      /* deep green-ink for headings on light */
  --ta-blue:#1fa06a;   /* re-point the helper var used across earlier CSS */
}

/* ---- Typography: elegant serif display + clean geometric sans ---- */
.elementor-heading-title, .site-title, .wp-block-site-title,
h1,h2,h3,h4{ font-family:'Playfair Display', Georgia, serif !important; letter-spacing:.2px; }
body, p, .elementor-widget-text-editor, .elementor-text-editor,
.wp-block-navigation, .elementor-button, a.elementor-button, .elementor-tab-title,
input, textarea, select, .elementor-field-group label{
  font-family:'Jost','Poppins', system-ui, -apple-system, sans-serif;
}

/* ---- Palette: brand-blue → emerald; kit green-accent → gold ---- */
.elementor-kit-5, :root .elementor-kit-5{
  --e-global-color-5420d44:#1fa06a !important;
  --e-global-color-accent:#f5b120 !important;
}

/* ---- Buttons → rounded golden/amber pills with lift (matches Send Message) ---- */
.elementor-button, a.elementor-button, .hostinger-ai-cta-button, .wp-block-button__link,
input[type="submit"], [id="contact"] input[type="submit"], [id="contact"] .elementor-button{
  background:var(--vgold) !important; background-image:none !important; color:#3a2a05 !important;
  border:2px solid var(--vgold) !important; border-radius:999px !important;
  box-shadow:0 10px 22px rgba(245,177,32,.30) !important;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease !important;
}
.elementor-button:hover, a.elementor-button:hover, .wp-block-button__link:hover,
input[type="submit"]:hover{
  background:#e0a012 !important; border-color:#e0a012 !important; color:#2a1e00 !important;
  transform:translateY(-2px) !important; box-shadow:0 16px 30px rgba(224,160,18,.40) !important;
}

/* ---- Navbar brand name → emerald ---- */
.site-header .wp-block-site-title a, .site-header .site-title a, .site-header .site-title{ color:var(--vg) !important; }

/* ---- Warm the light sections to cream (skip navy FAQ) ---- */
[id="about"], [id="services"], [id="reels"], [id="contact"]{ background-color:var(--vcream) !important; }
/* dark-ink headings on the warm/light sections */
[id="about"] .elementor-heading-title, [id="services"] .elementor-heading-title,
[id="reels"] .elementor-heading-title:not(.ta-reel-title), [id="contact"] .elementor-heading-title{ color:var(--vink) !important; }

/* ---- Stats band → vibrant emerald with gold counters (like Pzyche) ---- */
[id="trust"]{ background:var(--vg) !important; }
[id="trust"] .elementor-heading-title{ color:#fff !important; }
[id="trust"] .e-con:has(> .ta-stat){ background:rgba(255,255,255,.08) !important; }
[id="trust"] .ta-stat .elementor-heading-title{ color:var(--vgold) !important; -webkit-text-fill-color:var(--vgold); }
/* stat cards → translucent on the emerald, white labels */
[id="trust"] .e-con:has(> .ta-stat){ box-shadow:0 10px 26px rgba(0,0,0,.12) !important; border-radius:18px !important; }
[id="trust"] .e-con:has(> .ta-stat) .elementor-widget-text-editor,
[id="trust"] .e-con:has(> .ta-stat) .elementor-text-editor{ color:#eafff5 !important; }

/* ---- Gold accents: sub-headings/eyebrows + FAQ ---- */
.ta-faq-sub .elementor-heading-title{ color:var(--vgold) !important; }
.ta-faq .elementor-accordion-icon i, .ta-faq .elementor-tab-title .elementor-accordion-icon i{ color:var(--vg) !important; }
.ta-faq .elementor-tab-title.elementor-active{ background:var(--vg-soft) !important; }
.ta-faq .elementor-tab-title.elementor-active a, .ta-faq .elementor-tab-title.elementor-active .elementor-accordion-title{ color:var(--vg-d) !important; }

/* ---- Rounder images + soft warm shadows (Pzyche uses circular/rounded imagery) ---- */
.ta-rabeeba-big img{ border-radius:26px !important; box-shadow:0 22px 44px rgba(21,121,79,.20) !important; }
.ta-gal img{ border-radius:18px !important; box-shadow:0 10px 24px rgba(21,121,79,.12) !important; }
.e-con:has(> .hostinger-ai-service-image){ box-shadow:0 12px 30px rgba(21,121,79,.12) !important; }

/* ---- Links → emerald ---- */
a:not(.elementor-button):not(.wp-block-button__link):hover{ color:var(--vg-d) !important; }

/* ---- Floating pill navbar: warm white + emerald tint shadow ---- */
.site-header .hostinger-ai-menu{ box-shadow:0 8px 30px rgba(21,121,79,.14) !important; }

/* END VIBRANT THEME ─────────────────────────────────────────────────── */