/* ════════════════════════════════════════════════════════════════════════
   cheiron-reskin.css — temă vizuală nouă (preview), aliniată cu mockup-ul.
   Verde unitar + accent terracotta DOAR pe „Donează". Fotografie în hero.
   NU schimbă logica/JS — doar aspectul.
   ════════════════════════════════════════════════════════════════════════ */

:root{
  --bg:#EAF3EA !important;
  --green:#0E4D08 !important;
  --green-dark:#0a3a06 !important;
  --green-soft:#7A9A6E !important;
  --green-line:#cdddc7 !important;
  --cream:#F7FAF5 !important;
  --white:#ffffff !important;
  --ink:#1d2b18 !important;
  --text:#1d2b18 !important;
  --muted:#5a6b52 !important;
  --border:#cdddc7 !important;
  --terracotta:#d96a4a !important;
}

/* ── Tipografie ─────────────────────────────────────────────────────────── */
body{ background:var(--bg) !important; color:var(--ink) !important;
  font-family:'Inter',sans-serif !important; line-height:1.6 !important; }
h1,h2,h3{ font-family:'Fraunces',serif !important; color:var(--green) !important; line-height:1.1 !important; }
.section-hd h2{ font-weight:400 !important; font-size:clamp(1.9rem,3.6vw,2.7rem) !important; }
.section-hd p{ color:var(--muted) !important; font-size:1.05rem !important; }

/* ── Butoane „pill" ─────────────────────────────────────────────────────── */
.btn{ border-radius:999px !important; font-weight:500 !important; letter-spacing:.01em !important;
  border:1.5px solid var(--green) !important; transition:.25s !important; padding:.72rem 1.5rem !important; }
.btn-green{ background:var(--green) !important; color:#fff !important; border-color:var(--green) !important; box-shadow:none !important; }
.btn-green:hover{ background:var(--green-dark) !important; transform:translateY(-2px) !important; }
.btn-outline{ background:transparent !important; color:var(--green) !important; border-color:var(--green) !important; }
.btn-outline:hover{ background:var(--green) !important; color:#fff !important; }
.btn-sm{ padding:.45rem 1rem !important; }

/* Quiz în nav = link discret */
.quiz-nav-btn{ background:none !important; color:var(--muted) !important; border:none !important; box-shadow:none !important; font-weight:500 !important; }
.quiz-nav-btn:hover{ color:var(--green) !important; }

/* ACCENT TERRACOTTA — doar pe „Donează" */
.donate-nav-btn{ background:var(--terracotta) !important; color:#fff !important; border:1.5px solid var(--terracotta) !important;
  border-radius:999px !important; box-shadow:none !important; font-weight:600 !important; }
.donate-nav-btn:hover{ background:#c45636 !important; }

/* ── Header / nav ───────────────────────────────────────────────────────── */
nav{ position:sticky !important; top:0 !important; z-index:50 !important;
  background:rgba(234,243,234,.9) !important; backdrop-filter:blur(12px) !important;
  border-bottom:1px solid var(--green-line) !important; box-shadow:none !important; }
.nav-links a{ font-size:.86rem !important; color:var(--ink) !important; font-weight:500 !important; }
.nav-links a:hover{ color:var(--green) !important; }

/* Logo header: ASOCIAȚIA (sus) / CHEIRON (jos) */
.logo-wordmark{ font-family:'Fraunces',serif !important; font-weight:600 !important;
  font-size:1.4rem !important; letter-spacing:.06em !important; color:var(--green) !important; order:2 !important; }
.logo-sub{ font-family:'Inter',sans-serif !important; font-size:.62rem !important; letter-spacing:.42em !important;
  text-transform:uppercase !important; color:var(--green-soft) !important; order:1 !important; margin-bottom:1px !important; }

/* ── HERO cu fotografie ─────────────────────────────────────────────────── */
.hero{ position:relative !important; overflow:hidden !important;
  padding:clamp(64px,9vw,104px) 0 clamp(72px,10vw,112px) !important;
  background:#0a3a06 url('https://images.unsplash.com/photo-1583511655857-d19b40a7a54e?w=1600&q=80') center/cover no-repeat !important; }
.hero-bg img{ display:none !important; }
.hero-bg{ background:none !important; }
.hero-bg::after{ background:linear-gradient(100deg,rgba(8,42,4,.90) 0%,rgba(14,77,8,.72) 48%,rgba(14,77,8,.42) 100%) !important; }
.hero-content{ position:relative !important; z-index:2 !important; }
.hero h1{ color:#ffffff !important; font-weight:300 !important; font-size:clamp(2.4rem,6vw,4.2rem) !important; letter-spacing:-.01em !important; line-height:1.05 !important; text-shadow:0 2px 24px rgba(0,0,0,.35) !important; }
.hero h1 span{ font-style:italic !important; color:#cfe0c8 !important; }
.hero-sub{ color:#fff !important; text-shadow:0 1px 16px rgba(0,0,0,.35) !important; }
.hero-sub{ font-size:clamp(1rem,1.4vw,1.18rem) !important; opacity:.9 !important; line-height:1.7 !important; }
.hero-badge{ background:rgba(255,255,255,.12) !important; border:1px solid rgba(255,255,255,.22) !important; letter-spacing:.05em !important; }
.live-counter{ background:rgba(255,255,255,.13) !important; border:1px solid rgba(255,255,255,.25) !important; }
/* Buton donație în hero — terracotta pill */
.hero-btns .btn[onclick*="donate"]{ background:var(--terracotta) !important; border:1.5px solid var(--terracotta) !important; box-shadow:none !important; border-radius:999px !important; }
.hero-btns .btn[onclick*="donate"]:hover{ background:#c45636 !important; }
.btn-quiz{ background:#fff !important; color:var(--green) !important; border:1.5px solid #fff !important; border-radius:999px !important; font-weight:600 !important; box-shadow:none !important; }
.btn-quiz:hover{ background:#eef6ec !important; }

/* ── Stats bar → carduri ────────────────────────────────────────────────── */
.stats-bar{ background:transparent !important; border:none !important; padding-top:clamp(28px,4vw,44px) !important; }
.stat-n{ font-family:'Fraunces',serif !important; font-size:2.3rem !important; font-weight:500 !important; color:var(--green) !important; }
.stat-l{ color:var(--muted) !important; }

/* ── Secțiuni: mai mult aer ─────────────────────────────────────────────── */
.section{ padding-top:clamp(56px,8vw,80px) !important; padding-bottom:clamp(56px,8vw,80px) !important; background:transparent !important; }
.eyebrow,.section-hd .tag,.tag{ }

/* ── Carduri (mission / animale / general) ──────────────────────────────── */
.mission-card,.animal-card,.card{ background:var(--cream) !important; border:1px solid var(--green-line) !important;
  border-radius:18px !important; transition:.28s !important; }
.mission-card:hover,.animal-card:hover{ transform:translateY(-5px) !important; box-shadow:0 16px 40px -18px rgba(14,77,8,.32) !important; }
.animal-name,.mission-card h3{ font-family:'Fraunces',serif !important; font-weight:500 !important; color:var(--green) !important; }
.tag{ background:#dbead4 !important; color:var(--green) !important; border-radius:999px !important; font-weight:600 !important; letter-spacing:.04em !important; }

/* ── Pași proces ────────────────────────────────────────────────────────── */
.step{ background:var(--cream) !important; border:1px solid var(--green-line) !important; border-radius:16px !important; }
.step-num{ background:var(--green) !important; color:#fff !important; }

/* ── Donații (band verde) ───────────────────────────────────────────────── */
.donate, .section[id="section-donate"]{ }
.don-toggle-btn.active,.don-amount-btn.active{ background:var(--green) !important; color:#fff !important; border-color:var(--green) !important; }

/* ── Footer ─────────────────────────────────────────────────────────────── */
footer{ background:var(--green-dark) !important; }
footer h4,.footer-logo-name{ font-family:'Fraunces',serif !important; }

/* ── Reveal la scroll ───────────────────────────────────────────────────── */
.rk-reveal{ opacity:0; transform:translateY(22px); transition:opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1); }
.rk-reveal.rk-in{ opacity:1; transform:none; }