/* ============================================================
   BEP Hazırla — Açık tema (beyaz zemin + turkuaz + amber)
   Yalnızca [data-theme="light"] altında çalışır.
   Sıra: style.css → theme-pro.css → ui.css → theme-turkuaz.css → theme-light.css
   ============================================================ */

html[data-theme="light"]{
  --primary:#2DD4BF !important;
  --primary-hover:#14B8A6 !important;
  --primary-glow:rgba(45,212,191,.18) !important;
  --secondary:#2DD4BF !important;
  --secondary-hover:#14B8A6 !important;
  --accent:#F59E0B !important;
  --accent-soft:#FEF3C7 !important;

  --background:#F8FAFC !important;
  --bg:#F8FAFC !important;
  --background-secondary:#FFFFFF !important;
  --surface:#FFFFFF !important;
  --surface-hover:#F4F8FC !important;
  --surface-elevated:#FFFFFF !important;

  --text:#17243B !important;
  --text-secondary:#33445F !important;
  --text-muted:#526581 !important;

  --border:#E2EAF5 !important;
  --border-hover:#CFE0F0 !important;
  --border-active:rgba(45,212,191,.55) !important;

  --gradient-primary:linear-gradient(180deg,#2DD4BF 0%,#14B8A6 100%) !important;
  --gradient-surface:#FFFFFF !important;
  --gradient-bg:none !important;
  --hero-gradient:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%) !important;
  --hero-accent:#0E9F8C !important;
  --hero-accent-end:#2DD4BF !important;
}

html[data-theme="light"] body{
  background-color:#F8FAFC !important;
  background-image:
    radial-gradient(720px 380px at 82% -8%, rgba(45,212,191,.10), transparent 62%),
    radial-gradient(560px 340px at 6% 2%, rgba(245,158,11,.07), transparent 60%),
    linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 55%,#F4F8FC 100%) !important;
  color:#17243B !important;
}
/* çok açık mavi grid */
html[data-theme="light"] body:before{
  content:"";
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(226,234,245,.85) 1px, transparent 1px),
    linear-gradient(90deg, rgba(226,234,245,.85) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(1200px 720px at 50% 0%, rgba(0,0,0,.85), transparent 80%);
  -webkit-mask-image:radial-gradient(1200px 720px at 50% 0%, rgba(0,0,0,.85), transparent 80%);
}
html[data-theme="light"] #app,
html[data-theme="light"] .landing-page,
html[data-theme="light"] .landing-main{position:relative; z-index:1; background:transparent}

/* ---------- tipografi ---------- */
html[data-theme="light"] .hero-title{
  color:#17243B !important;
  font-weight:800 !important;
  letter-spacing:-.035em;
  line-height:1.07;
  font-size:clamp(34px,5vw,58px);
}
html[data-theme="light"] .hero-subtitle{color:#526581 !important}
html[data-theme="light"] .section-title,
html[data-theme="light"] .feature-title{color:#17243B !important}
html[data-theme="light"] .section-subtitle{color:#526581 !important}

/* turkuaz kelime + arkasında açık amber blok */
.tk-accent{
  position:relative; color:#0E9F8C; display:inline; padding:1px 8px; margin:0 -4px; border-radius:5px;
  background-image:linear-gradient(180deg,
    rgba(245,158,11,0) 48%,
    rgba(245,158,11,.24) 48%,
    rgba(245,158,11,.24) 94%,
    rgba(245,158,11,0) 94%);
  box-decoration-break:clone; -webkit-box-decoration-break:clone;
}
html[data-theme="light"] .tk-accent{color:#0E9F8C !important;-webkit-text-fill-color:#0E9F8C !important;background-clip:padding-box !important}

/* ---------- butonlar ---------- */
html[data-theme="light"] body .btn.btn-primary,
html[data-theme="light"] body .btn.btn.landing-btn-primary,
html[data-theme="light"] body .btn.btn.hero-cta-primary{
  background-image:linear-gradient(180deg,#2DD4BF 0%,#14B8A6 100%) !important;
  background-color:#14B8A6 !important;
  color:#06302A !important;
  border:1px solid rgba(20,184,166,.45) !important;
  border-radius:18px !important;
  font-weight:800 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset, 0 10px 24px -12px rgba(20,184,166,.55) !important;
}
html[data-theme="light"] body .btn.btn-primary:hover,
html[data-theme="light"] body .btn.btn.landing-btn-primary:hover,
html[data-theme="light"] body .btn.btn.hero-cta-primary:hover{
  background-image:linear-gradient(180deg,#5EEAD4 0%,#2DD4BF 100%) !important;
  color:#06302A !important;
}
html[data-theme="light"] body .btn.btn-outline,
html[data-theme="light"] body .btn.btn.landing-btn-ghost,
html[data-theme="light"] body .btn.btn.hero-cta-secondary{
  background:#FFFFFF !important;
  color:#17243B !important;
  border:1px solid #E2EAF5 !important;
  border-radius:18px !important;
  font-weight:700 !important;
  box-shadow:0 1px 2px rgba(23,36,59,.05) !important;
}
html[data-theme="light"] body .btn.btn-outline:hover,
html[data-theme="light"] body .btn.btn.hero-cta-secondary:hover{
  background:#F4F8FC !important;
  border-color:rgba(45,212,191,.55) !important;
  color:#17243B !important;
}
html[data-theme="light"] body .btn.btn-lg{border-radius:18px !important}

/* ---------- hero rozet / güven listesi ---------- */
html[data-theme="light"] .hero-badge{
  background:#FFFFFF !important;
  color:#17243B !important;
  border:1px solid #E2EAF5 !important;
  border-radius:999px !important;
  box-shadow:0 6px 18px -14px rgba(23,36,59,.35) !important;
  font-weight:700 !important;
}
html[data-theme="light"] .hero-badge-icon{color:#14B8A6 !important}
html[data-theme="light"] .hero-trust-list{color:#526581 !important}
html[data-theme="light"] .hero-trust-check{color:#14B8A6 !important}

/* ---------- kartlar ---------- */
html[data-theme="light"] .feature-card,
html[data-theme="light"] .step-card,
html[data-theme="light"] .landing-cta,
html[data-theme="light"] .hp-window,
html[data-theme="light"] .panel-card,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .card{
  background:#FFFFFF !important;
  border:1px solid #E2EAF5 !important;
  border-radius:24px !important;
  box-shadow:0 10px 30px -22px rgba(23,36,59,.28), 0 1px 2px rgba(23,36,59,.04) !important;
}
html[data-theme="light"] .feature-card:hover,
html[data-theme="light"] .step-card:hover{
  border-color:rgba(45,212,191,.5) !important;
  box-shadow:0 18px 40px -26px rgba(20,184,166,.55) !important;
  transform:translateY(-2px);
}

/* ---------- adım göstergeleri: amber ---------- */
html[data-theme="light"] .step-num,
html[data-theme="light"] .hp-steps .done,
html[data-theme="light"] .hp-steps span{
  background:#FEF3C7 !important;
  color:#B45309 !important;
  border:1px solid #FDE68A !important;
  border-radius:10px !important;
  font-weight:800 !important;
}
html[data-theme="light"] .badge-primary{
  background:rgba(45,212,191,.12) !important;
  color:#0E9F8C !important;
  border:1px solid rgba(45,212,191,.35) !important;
  border-radius:999px !important;
}
html[data-theme="light"] .badge-success{
  background:#FEF3C7 !important;
  color:#B45309 !important;
  border:1px solid #FDE68A !important;
  border-radius:999px !important;
}

/* ---------- ürün penceresi ---------- */
html[data-theme="light"] .hp-window{overflow:hidden}
html[data-theme="light"] .hp-head,
html[data-theme="light"] .hp-foot{border-color:#E2EAF5 !important; background:#F8FAFC !important}
html[data-theme="light"] .hp-goal{background:#FFFFFF !important; border:1px solid #E2EAF5 !important; color:#17243B !important}
html[data-theme="light"] .hp-chip{background:rgba(45,212,191,.10) !important; color:#0E9F8C !important; border:1px solid rgba(45,212,191,.3) !important}
html[data-theme="light"] .hp-badge-live{background:#FEF3C7 !important; color:#B45309 !important; border:1px solid #FDE68A !important}

/* ---------- nav ---------- */
html[data-theme="light"] .landing-header{
  background:rgba(255,255,255,.86) !important;
  border-bottom:1px solid #E2EAF5 !important;
  backdrop-filter:blur(14px);
}
html[data-theme="light"] .landing-nav-link{color:#33445F !important}
html[data-theme="light"] .landing-nav-link:hover{color:#0E9F8C !important}
html[data-theme="light"] .landing-brand-badge{
  background:rgba(45,212,191,.10) !important; color:#0E9F8C !important; border:1px solid rgba(45,212,191,.3) !important;
}
html[data-theme="light"] .landing-brand{color:#17243B !important}

/* ---------- form / panel yüzeyleri ---------- */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#FFFFFF !important;
  border:1px solid #E2EAF5 !important;
  color:#17243B !important;
  border-radius:12px !important;
}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{
  border-color:rgba(45,212,191,.65) !important;
  box-shadow:0 0 0 3px rgba(45,212,191,.16) !important;
}
html[data-theme="light"] .sidebar,
html[data-theme="light"] .topbar{background:#FFFFFF !important; border-color:#E2EAF5 !important}
html[data-theme="light"] .sidebar a.active,
html[data-theme="light"] .nav-item.active{
  background:rgba(45,212,191,.10) !important; color:#0E9F8C !important; border-left-color:#2DD4BF !important;
}

/* ---------- mobil ---------- */
@media (max-width:820px){
  html[data-theme="light"] .landing-header .landing-brand-badge{display:none !important}
  html[data-theme="light"] .landing-nav .btn.btn-primary,
  html[data-theme="dark"] .landing-nav .btn.btn-primary{
    padding:9px 12px !important;
    font-size:13px !important;
    border-radius:14px !important;
    white-space:nowrap;
  }
  html[data-theme="light"] .landing-nav,
  html[data-theme="dark"] .landing-nav{gap:10px !important}
  html[data-theme="light"] .hero-trust-list li,
  html[data-theme="dark"] .hero-trust-list li{text-align:left}
  html[data-theme="light"] .hero-title{font-size:clamp(30px,8.2vw,40px) !important}
  .tk-accent{padding:0 4px; margin:0 -2px}
}

/* ---------- mobil başlık taşması (tema bağımsız) ---------- */
@media (max-width:620px){
  .landing-nav .nav-links{display:none !important}
  .landing-nav .btn.btn-primary{padding:9px 11px !important;font-size:12.5px !important;border-radius:14px !important;white-space:nowrap}
  .landing-brand-wrap .landing-brand-badge{display:none !important}
  .landing-nav{gap:8px !important}
  .hero-trust-list{max-width:330px;margin-left:auto;margin-right:auto}
  .hero-trust-list li{justify-content:flex-start !important;text-align:left !important}
}

/* ---------- auth / genel birincil buton (bh-btn-primary) ---------- */
html[data-theme="light"] body .bh-btn-primary,
html[data-theme="light"] body button.bh-btn-primary,
html[data-theme="light"] body .bh-auth-sub .bh-btn-primary{
  background-image:linear-gradient(180deg,#2DD4BF 0%,#14B8A6 100%) !important;
  background-color:#14B8A6 !important;
  color:#06302A !important;
  border:1px solid rgba(20,184,166,.45) !important;
  border-radius:18px !important;
  font-weight:800 !important;
  box-shadow:0 10px 24px -14px rgba(20,184,166,.6) !important;
}
html[data-theme="light"] body .bh-btn-primary:hover{background-image:linear-gradient(180deg,#5EEAD4 0%,#2DD4BF 100%) !important}

/* ---------- logo / marka (açık) ---------- */
html[data-theme="light"] .landing-brand{color:#17243B !important; font-weight:800 !important; letter-spacing:-.01em}
html[data-theme="light"] .landing-brand svg,
html[data-theme="light"] .landing-brand svg *{
  color:#14B8A6 !important; stroke:#14B8A6 !important; fill:none !important;
}
html[data-theme="light"] .landing-brand-badge{
  background:rgba(45,212,191,.10) !important; color:#0E9F8C !important;
  border:1px solid rgba(45,212,191,.32) !important; border-radius:999px !important; font-weight:700 !important;
}
/* ---------- "Hemen Başlayın" CTA bölümü (açık) ---------- */
html[data-theme="light"] .bh-cta-card{
  background:radial-gradient(680px 320px at 10% 0%, rgba(45,212,191,.12), transparent 60%), #FFFFFF !important;
  border:1px solid #E2EAF5 !important;
  border-radius:24px !important;
  box-shadow:0 24px 60px -46px rgba(23,36,59,.45) !important;
}
html[data-theme="light"] .bh-cta-eyebrow{
  background:#FEF3C7 !important; color:#B45309 !important;
  border:1px solid #FDE68A !important; border-radius:999px !important;
  font-weight:800 !important; letter-spacing:.06em;
}
html[data-theme="light"] .bh-cta h2, html[data-theme="light"] #cta-heading{color:#17243B !important}
html[data-theme="light"] .bh-cta p{color:#526581 !important}
html[data-theme="light"] .bh-cta .bh-cta-hint{color:#6B7B95 !important}
html[data-theme="light"] .bh-cta-btn-primary{
  background:linear-gradient(180deg,#2DD4BF 0%,#14B8A6 100%) !important;
  color:#06302A !important; border:1px solid rgba(20,184,166,.45) !important;
  border-radius:18px !important; font-weight:800 !important;
  box-shadow:0 12px 26px -16px rgba(20,184,166,.65) !important;
}
html[data-theme="light"] .bh-cta-btn-primary *{color:#06302A !important; -webkit-text-fill-color:#06302A !important}
html[data-theme="light"] .bh-cta-btn-ghost{
  background:#FFFFFF !important; color:#17243B !important;
  border:1px solid #E2EAF5 !important; border-radius:18px !important;
}
html[data-theme="light"] .bh-cta-btn-ghost:hover{background:#F4F8FC !important; border-color:rgba(45,212,191,.5) !important}
html[data-theme="light"] .bh-cta-btn-ghost *{color:#17243B !important}

/* CTA bölümündeki eski mavi bandı kaldır */
html[data-theme="light"] .bh-cta{background:none !important;background-image:none !important}

/* hero zeminindeki eski/çapraz gradyanları kaldır — zemin tek yerden (body) gelir */
.hero-section{background:none !important}
.hero-section:before,.hero-section:after{display:none !important}
.hero-visual,.hero-product{background:transparent !important}

html[data-theme="light"] .hero-section{background:none !important;background-image:none !important;border:none !important}