/* ============================================================
   WWN v8 — Soft & Light final design (airy, readable, motion-rich)
   En son katman: yumuşak/aydınlık palet, net okunur yazı, bol hareket
   ============================================================ */

:root{
  --v8-bg:#fffafa;
  --v8-blush:#ffe9ee;
  --v8-peach:#ffe6d8;
  --v8-rose:#f43f5e;
  --v8-rose-soft:#fb7185;
  --v8-coral:#ff7a59;
  --v8-gold:#f6b552;
  --v8-ink:#2f2731;
  --v8-heading:#7c1330;
  --v8-muted:#6f5961;
  --v8-line:rgba(124,19,48,.10);
  --v8-ease:cubic-bezier(.22,1,.36,1);
}

/* ---- Soft, aydınlık sayfa zemini (yalnızca açık tema) ---- */
:root:not([data-theme="dark"]) body{
  background:
    radial-gradient(900px 520px at 88% -6%, #ffeef0 0%, transparent 55%),
    radial-gradient(820px 480px at -8% 8%, #fff1e9 0%, transparent 52%),
    var(--v8-bg) !important;
  background-attachment:fixed;
  color:var(--v8-ink) !important;
}
:root:not([data-theme="dark"]) p,
:root:not([data-theme="dark"]) li,
:root:not([data-theme="dark"]) .section-subtitle,
:root:not([data-theme="dark"]) .lead{ color:#41353c !important; }

/* =========================================================
   HERO — soft light + koyu okunur yazı
   ========================================================= */
.hero-section, .page-hero{
  background:
    radial-gradient(1100px 560px at 82% -12%, #ffe1d6 0%, transparent 58%),
    radial-gradient(950px 520px at 2% 112%, #ffe2ec 0%, transparent 56%),
    linear-gradient(160deg, #fff9f6 0%, #fff2f4 52%, #fdeef1 100%) !important;
  background-size:150% 150%, 150% 150%, 220% 220% !important;
  animation:v8Drift 24s ease-in-out infinite alternate !important;
}
@keyframes v8Drift{
  0%{ background-position:0% 0%, 0% 100%, 0% 50%; }
  100%{ background-position:18% 8%, 12% 92%, 100% 50%; }
}
/* yumuşak pastel orbs */
.hero-section::before{ background:radial-gradient(circle, rgba(255,138,89,.22), transparent 62%) !important; filter:blur(8px); }
.hero-section::after{ background:radial-gradient(circle, rgba(244,63,94,.16), transparent 66%) !important; }

.hero-section .hero-title, .hero-section h1, .page-hero h1, .hero-title{
  color:var(--v8-heading) !important; text-shadow:none !important;
}
.hero-section .hero-subtitle, .hero-section p, .page-hero p, .hero-subtitle{
  color:#5a4750 !important;
}
.hero-title .highlight, .hero-section .highlight, .page-hero .highlight{
  background:linear-gradient(100deg,#f43f5e 0%,#ff7a59 55%,#f6a13a 100%) !important;
  background-size:200% auto !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
  filter:none !important; text-shadow:none !important;
  animation:v7Shimmer 5s linear infinite;
}
.hero-section .hero-badge, .hero-section .section-label, .page-hero .hero-badge{
  background:rgba(255,255,255,.72) !important; color:#7c1330 !important;
  border:1px solid rgba(244,63,94,.28) !important;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
.hero-section .btn-outline, .hero-section .btn-outline-primary, .hero-section .btn-outline-light{
  color:#7c1330 !important; border-color:rgba(124,19,48,.42) !important; background:rgba(255,255,255,.35) !important;
}
.hero-section .btn-outline:hover{ background:#7c1330 !important; color:#fff !important; border-color:#7c1330 !important; }
/* hero meta pills (Wien & Wiener Neustadt, %98 …) okunur */
.hero-section .hero-meta, .hero-section .hero-meta *,
.hero-section .hero-pill, .hero-section .pill{ color:#5a4750 !important; }

/* hero yüzen kartlar – temiz beyaz + hafif süzülme */
.hero-floating-stat{
  background:rgba(255,255,255,.94) !important; color:#3a2a30 !important;
  border:1px solid rgba(244,63,94,.14) !important;
  box-shadow:0 20px 48px rgba(177,18,38,.14) !important;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
.hero-floating-stat *{ color:inherit !important; }
.hero-floating-stat strong, .hero-floating-stat .rating, .hero-floating-stat b{ color:#e11d48 !important; }
.hero-floating-stat.stat-1{ animation:v8FloatA 6.5s var(--v8-ease) infinite; }
.hero-floating-stat.stat-2{ animation:v8FloatB 8s var(--v8-ease) infinite; }
@keyframes v8FloatA{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
@keyframes v8FloatB{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(11px)} }

/* =========================================================
   Yumuşatılmış marka kırmızısı (okunur beyaz yazıyı koruyarak)
   ========================================================= */
.btn-cta, .btn-primary, .btn-danger{
  background:linear-gradient(135deg,#fb5c74 0%,#f43f5e 55%,#e11d48 100%) !important;
  border:none !important; color:#fff !important;
  box-shadow:0 12px 28px rgba(244,63,94,.30) !important;
}
.cta-section{ background:linear-gradient(135deg,#fb7185 0%,#f43f5e 52%,#d62253 100%) !important; }
.cta-section h1,.cta-section h2,.cta-section h3,.cta-section p,.cta-section *{ color:#fff !important; }
.cta-section .section-title::after{ background:rgba(255,255,255,.7) !important; }
.course-card-header{ background:linear-gradient(135deg,#fb6f86 0%,#e11d48 100%) !important; }
.blog-card-img, .blog-card-visual{ background:linear-gradient(135deg,#fb6f86,#e11d48) !important; }
.cookie-banner{ background:linear-gradient(135deg,#b81d3f,#e0345b) !important; }
.footer, footer, .site-footer{ background:linear-gradient(135deg,#3c0e1b 0%,#7c1330 58%,#b21d40 100%) !important; }

/* badge / label yumuşak gül tonu (açık tema) */
:root:not([data-theme="dark"]) .section-label,
:root:not([data-theme="dark"]) .badge-soft,
:root:not([data-theme="dark"]) .hero-badge:not(.hero-section *){
  background:#ffe9ee !important; color:#c01e4a !important; border:1px solid rgba(244,63,94,.22) !important;
}

/* başlık alt çizgisi – yumuşak gül→mercan→altın */
.section-title::after{ background:linear-gradient(90deg,#fb7185,#ff8a59 55%,#f6b552) !important; }

/* kartlar – hafif, havadar gölge + yumuşak gül kenar */
:root:not([data-theme="dark"]) .course-card,
:root:not([data-theme="dark"]) .feature-box,
:root:not([data-theme="dark"]) .testimonial-card,
:root:not([data-theme="dark"]) .blog-card,
:root:not([data-theme="dark"]) .location-card,
:root:not([data-theme="dark"]) .process-step,
:root:not([data-theme="dark"]) .info-card,
:root:not([data-theme="dark"]) .pricing-card,
:root:not([data-theme="dark"]) .team-card{
  background:#fffefe !important;
  border:1px solid rgba(244,63,94,.10) !important;
  box-shadow:0 2px 6px rgba(124,19,48,.05), 0 16px 40px rgba(124,19,48,.08) !important;
}
:root:not([data-theme="dark"]) .course-card:hover,
:root:not([data-theme="dark"]) .feature-box:hover,
:root:not([data-theme="dark"]) .testimonial-card:hover,
:root:not([data-theme="dark"]) .blog-card:hover,
:root:not([data-theme="dark"]) .info-card:hover,
:root:not([data-theme="dark"]) .team-card:hover{
  box-shadow:0 30px 66px rgba(244,63,94,.18) !important;
  border-color:rgba(244,63,94,.28) !important;
}

/* seviye testi seçenekleri – yumuşak */
:root:not([data-theme="dark"]) .level-option{ background:#fff7f8 !important; border-color:rgba(244,63,94,.14) !important; color:#3a2d33 !important; }
:root:not([data-theme="dark"]) .level-option:hover,
:root:not([data-theme="dark"]) .level-option.is-selected{ background:#ffeef1 !important; border-color:#fb7185 !important; }
:root:not([data-theme="dark"]) .level-qmeta{ background:#ffe9ee !important; color:#c01e4a !important; }
.level-badge-result{ background:linear-gradient(135deg,#fb6f86,#e11d48) !important; color:#fff !important; }

/* link rengi (içerik) yumuşak gül – ama nav/footer hariç */
:root:not([data-theme="dark"]) .legal-content a,
:root:not([data-theme="dark"]) .blog-content a,
:root:not([data-theme="dark"]) article a,
:root:not([data-theme="dark"]) main p a{ color:#e11d48 !important; }

/* =========================================================
   BOL HAREKET — nazik süzülmeler, beliren öğeler, ikon canlanması
   ========================================================= */
/* başlık rozetlerine yumuşak süzülme */
.section-label, .hero-badge{ animation:v8Bob 4.5s var(--v8-ease) infinite; }
@keyframes v8Bob{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-4px)} }

/* özellik/işlem ikonlarına nazik nabız */
.feature-box .feature-icon, .feature-box i.bi, .process-step i.bi, .info-card i.bi{
  transition:transform .35s var(--v8-ease);
}
.feature-box:hover .feature-icon, .feature-box:hover i.bi,
.process-step:hover i.bi, .info-card:hover i.bi{ transform:translateY(-4px) scale(1.12); }

/* yumuşak parıltılı CTA (hover’da) */
.btn-cta:hover, .btn-primary:hover{
  box-shadow:0 18px 44px rgba(255,138,89,.42), 0 6px 16px rgba(244,63,94,.25) !important;
  transform:translateY(-3px);
}

/* sayfa içi yumuşak ayraç dalgası (bölümler arası) */
.section-padding + .section-padding{ position:relative; }

/* reduced-motion saygısı */
@media (prefers-reduced-motion: reduce){
  .hero-section, .hero-floating-stat, .section-label, .hero-badge{ animation:none !important; }
}

/* =========================================================
   KOYU TEMA düzeltmesi — hero koyu kalsın (soft-light yalnızca açık tema)
   ========================================================= */
[data-theme="dark"] .hero-section, [data-theme="dark"] .page-hero{
  background:
    radial-gradient(circle at 84% 14%, rgba(255,255,255,.10), transparent 30%),
    radial-gradient(circle at 10% 90%, rgba(255,138,89,.14), transparent 36%),
    linear-gradient(140deg,#3a0e1c 0%,#7a1230 46%,#280913 100%) !important;
  animation:v8Drift 24s ease-in-out infinite alternate !important;
}
[data-theme="dark"] .hero-section .hero-title,[data-theme="dark"] .hero-section h1,
[data-theme="dark"] .page-hero h1, [data-theme="dark"] .hero-title{ color:#ffffff !important; }
[data-theme="dark"] .hero-section .hero-subtitle,[data-theme="dark"] .hero-section p,
[data-theme="dark"] .page-hero p,[data-theme="dark"] .hero-subtitle{ color:rgba(255,255,255,.92) !important; }
[data-theme="dark"] .hero-section .hero-badge,[data-theme="dark"] .hero-section .section-label,
[data-theme="dark"] .page-hero .hero-badge{
  background:rgba(255,255,255,.14) !important; color:#fff !important; border:1px solid rgba(255,255,255,.26) !important;
}
[data-theme="dark"] .hero-floating-stat{
  background:rgba(20,26,43,.72) !important; color:#e7ecf6 !important; border:1px solid rgba(255,255,255,.14) !important;
}
[data-theme="dark"] .hero-floating-stat strong,[data-theme="dark"] .hero-floating-stat .rating,
[data-theme="dark"] .hero-floating-stat b{ color:#ff8aa6 !important; }
[data-theme="dark"] .hero-section .btn-outline,[data-theme="dark"] .hero-section .btn-outline-primary,
[data-theme="dark"] .hero-section .btn-outline-light{
  color:#fff !important; border-color:rgba(255,255,255,.62) !important; background:rgba(255,255,255,.06) !important;
}
[data-theme="dark"] .hero-section .hero-meta,[data-theme="dark"] .hero-section .hero-meta *{ color:rgba(255,255,255,.9) !important; }