/* =========================================================================
   Avrupa Yetim Eli — Özel Stiller (Tailwind üzerine ek)
   ========================================================================= */
:root {
  --navy: #0e2a47;
  --navy-dark: #0a1f36;
  --brand: #1aa05a;
  --brand-dark: #157f47;
  --gold: #f0b429;
}

html { scroll-behavior: smooth; }
body { font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; color: #1e293b; }
h1, h2, h3, h4, .font-head { font-family: "Poppins", "Inter", sans-serif; }

/* Aktif dil butonu */
.lang-btn { transition: color .2s; cursor: pointer; }
.lang-active { color: var(--brand) !important; }

/* Nav alt çizgi efekti */
.nav-link { position: relative; padding-bottom: 2px; transition: color .2s; }
.nav-link::after {
  content: ""; position: absolute; left: 0; bottom: -4px; height: 2px; width: 0;
  background: var(--brand); transition: width .25s ease;
}
.nav-link:hover::after { width: 100%; }

/* Hero geçiş */
.hero-slide { transition: opacity 1s ease-in-out; }

/* Çok satır kırpma */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Kart hover yükselme */
.card-hover { transition: transform .3s ease, box-shadow .3s ease; }
.card-hover:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -15px rgba(14,42,71,.25); }

/* Bölüm başlık süslemesi */
.kicker { letter-spacing: .12em; text-transform: uppercase; font-weight: 600; font-size: .8rem; }

/* Yumuşak görünme animasyonu */
@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.fade-up { animation: fadeUp .7s ease both; }

/* Desen arka plan (hafif) */
.dot-pattern {
  background-image: radial-gradient(rgba(255,255,255,.12) 1px, transparent 1px);
  background-size: 18px 18px;
}

/* =========================================================================
   YENI TASARIM TEMASI (2026) — yeşil / turuncu / krem
   Header & footer'a dokunmaz; yalnız içerik bölümlerinde kullanılır.
   ========================================================================= */
:root {
  --forest: #0e3a2a;       /* koyu yeşil ana zemin */
  --forest-2: #14352a;     /* hafif farklı koyu yeşil */
  --leaf: #1c6b4d;         /* orta yeşil (logo kutusu) */
  --accent: #ec7a30;       /* turuncu vurgu */
  --accent-dark: #d96a22;  /* turuncu hover */
  --cream: #f5f0e6;        /* krem zemin */
  --cream-2: #efe9da;      /* biraz daha koyu krem */
  --ink: #14241c;          /* koyu metin (krem üzerinde) */
}

/* --- Düz renk arka planlar (çizgi deseni kaldırıldı) --- */
.stripes-green {
  background-color: var(--forest);
}
.stripes-green-soft {
  background-color: var(--forest-2);
}
.stripes-navy {
  background-color: var(--navy);
}

/* --- Pastel çizgili görsel-placeholder (görsel yoksa) --- */
.ph-stripe { position: relative; }
.ph-green  { background-color:#e7efe7; background-image:repeating-linear-gradient(135deg,rgba(28,107,77,.10) 0 2px,transparent 2px 14px); }
.ph-blue   { background-color:#e7ecf2; background-image:repeating-linear-gradient(135deg,rgba(14,42,71,.10) 0 2px,transparent 2px 14px); }
.ph-orange { background-color:#f6e7d8; background-image:repeating-linear-gradient(135deg,rgba(236,122,48,.14) 0 2px,transparent 2px 14px); }

/* --- Kicker (turuncu küçük üst başlık) --- */
.kicker-accent { letter-spacing:.18em; text-transform:uppercase; font-weight:700; font-size:.78rem; color:var(--accent); }

/* --- Turuncu buton --- */
.btn-accent { background:var(--accent); color:#fff; transition:background .2s, transform .2s, box-shadow .2s; }
.btn-accent:hover { background:var(--accent-dark); }
.glow-accent { box-shadow: 0 14px 34px -10px rgba(236,122,48,.55); }

/* --- İlerleme çubuğu (yeşil → turuncu) --- */
.progress-track { background:#e8e3d6; border-radius:9999px; height:8px; overflow:hidden; }
.progress-fill { height:100%; border-radius:9999px; background:linear-gradient(90deg,var(--leaf),var(--accent)); transition:width .8s ease; }

/* --- Krem bölüm zemini --- */
.bg-cream { background-color: var(--cream); }
.bg-cream-2 { background-color: var(--cream-2); }

/* --- Beyaz kart (yumuşak gölge) --- */
.soft-card { background:#fff; border-radius:1.25rem; box-shadow:0 18px 40px -24px rgba(14,58,42,.30); }

/* --- Hero metin pill rozeti --- */
.hero-pill { display:inline-flex; align-items:center; gap:.5rem; background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.18); color:#f3e9d6; padding:.5rem 1rem; border-radius:9999px; letter-spacing:.18em; text-transform:uppercase; font-weight:700; font-size:.72rem; }