/* SBT Studio v2 — sayfa boyu sabit ışık akışı arka planı (js/bg-flow.js) ve üzerinde kayan yarı saydam bölümler.
 * Tüm sayfalarda yüklenir. Arka plan yoksa (WebGL yok) sayfa eski düz zeminleriyle görünür: kurallar html.has-bg-flow'a bağlı.
 * PERFORMANS KURALI: backdrop-filter (buzlu cam) KULLANILMAZ — arka plan her karede değiştiği için tarayıcı her bulanık
 * öğeyi her karede yeniden bulanıklaştırır ve sayfa ağırlaşır. Cam hissi yarı saydam zeminle verilir. */
canvas.bg-flow{position:fixed;inset:0;width:100vw;height:100vh;height:100lvh;z-index:-1;display:block;pointer-events:none;opacity:0;transition:opacity 1s ease}
canvas.bg-flow.is-live{opacity:1}

/* menü: koyu, neredeyse opak (telefonda tamamen opak) */
.has-bg-flow .site-header{background:rgba(8,20,40,.94)!important;border-bottom-color:rgba(255,255,255,.08)!important}

/* bölümler: düz renk yerine tül (akış arkadan görünür) */
.has-bg-flow .hero--flow,.has-bg-flow .cta[data-flow]{background:transparent}
.has-bg-flow .hero--flow .hero-flow-bg,.has-bg-flow .hero--flow canvas.hero-flow,.has-bg-flow .cta[data-flow] canvas.hero-flow,.has-bg-flow .cta[data-flow] .hero-flow-bg{display:none}
.has-bg-flow .sec,.has-bg-flow .sec.white,.has-bg-flow .sec.soft{background:rgba(248,250,252,.55)}
.has-bg-flow .sec.soft{background:rgba(241,245,249,.5)}
.has-bg-flow .navy,.has-bg-flow .sec.navy{background:rgba(6,15,32,.40);overflow-x:clip}
/* koyu bölümde başlık/açıklama arkası hafif koyulaşır (okunabilirlik) */
.has-bg-flow .navy .sec-head{position:relative}
.has-bg-flow .navy .sec-head::before{content:"";position:absolute;inset:-40px -24px;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 50% 50%,rgba(6,15,32,.55),transparent 75%)}
.has-bg-flow .marquee--dark{background:rgba(6,15,32,.6)}
.has-bg-flow footer,.has-bg-flow .site-footer{background:rgba(4,10,22,.88)!important}

/* kartlar: açık bölümlerde beyaz tül, koyu bölümlerde ince koyu cam (bulanıklık yok) */
.has-bg-flow .sec:not(.navy) :is(.package:not(.featured):not([class*="custom"]),.service,.promise-item,.wizard-card,.step){background:rgba(255,255,255,.88)}
.has-bg-flow .navy :is(.step,.promise-item,.service){background:rgba(11,31,58,.55)}
.has-bg-flow .sector--shop{background:rgba(11,31,58,.78)}
/* iç sayfalardaki yapışkan alt menü: bulanıklık yok (zemin zaten neredeyse opak) */
.has-bg-flow .page-subnav{backdrop-filter:none;-webkit-backdrop-filter:none}

/* "Proje ekibi" işareti: logo kendi koyu yuvarlak zeminini taşır; ikinci koyu kare kutu kaldırıldı */
.founder .mono{background:none;border-radius:14px;box-shadow:0 6px 18px rgba(4,10,22,.35)}
.founder .mono img{width:52px;height:52px;display:block}
/* eski .reveal geçişleri ortak hareket süresine eşitlenir (daha çevik) */
.js-motion .reveal{transition:opacity var(--mv-dur) var(--mv-ease),transform var(--mv-dur) var(--mv-ease)}

/* ---------- iç sayfalar (sbt-v2-page: paketler, portföy, proje, teklif, blog, özel proje, teşekkürler) ----------
 * brand.css bu zeminleri !important ile verdiği için burada da !important gerekir.
 * Koyu bölümler (hero, cta, .dark, özel proje) koyu tül; açık bölümler açık tül. Kartlar opak kalır (okunabilirlik). */
html.has-bg-flow body.sbt-v2-page :is(.hero,.detail-hero,.article-hero,.ty-hero){background:transparent!important}
html.has-bg-flow body.sbt-v2-page :is(.cta,.final-cta,.section.dark){background:rgba(6,15,32,.42)!important}
html.has-bg-flow body.sbt-v2-page :is(.section,.newsletter,.ty-steps-section,.gold-soft){background:rgba(248,250,252,.62)!important}
html.has-bg-flow body.sbt-v2-page .section.dark{background:rgba(6,15,32,.42)!important}
html.has-bg-flow body.sbt-dark-page .section:not(.light){background:rgba(6,15,32,.38)!important}
html.has-bg-flow body.sbt-dark-page .section.light{background:rgba(248,250,252,.62)!important}
/* iç sayfa hero: başlık tarafında hafif koyulaştırma (parlak bant metnin altından geçince okunabilirlik) */
html.has-bg-flow body.sbt-v2-page :is(.hero,.detail-hero,.article-hero,.ty-hero){position:relative;isolation:isolate}
html.has-bg-flow body.sbt-v2-page :is(.hero,.detail-hero,.article-hero,.ty-hero)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(6,15,32,.74),rgba(6,15,32,.5) 50%,rgba(6,15,32,.12) 85%)}
/* özel proje: "Bu paket kimler için" beyaz kart; koyu sayfa kuralı yazıları beyaz yapıyordu (canlıda da okunmuyordu) */
body.sbt-dark-page .scope-note :is(h3,strong){color:var(--color-text)!important}
body.sbt-dark-page .scope-note p{color:var(--color-text-muted)!important}
@media (max-width:900px){
  html.has-bg-flow body.sbt-v2-page :is(.hero,.detail-hero,.article-hero,.ty-hero)::before{background:linear-gradient(180deg,rgba(6,15,32,.58),rgba(6,15,32,.42))}
  /* koyulaştırma zemin olarak verilir: ::before kullanılırsa hero'nun ışık halkası geç yüklenen sınıfla yer değiştirir (CLS 0,46) */
  html.has-bg-flow .sbt-ecom .hero.navy{background:linear-gradient(180deg,rgba(6,15,32,.5),rgba(6,15,32,.35))!important}
}

/* ---------- yasal sayfalar: sakin akış (bg-flow calm) üzerinde okunaklı kâğıt kart ---------- */
html.has-bg-flow .legal-page{background:rgba(255,255,255,.95);border:1px solid rgba(15,23,42,.06);border-radius:24px;box-shadow:0 24px 60px -30px rgba(6,15,32,.35);margin:48px auto 72px;padding:56px clamp(20px,5vw,64px) 64px}
@media (max-width:700px){html.has-bg-flow .legal-page{margin:20px 12px 40px;border-radius:18px;padding:36px 18px 44px}}
/* telefonda menü tamamen opak: kayan metin arkadan görünmesin */
@media (max-width:900px){.has-bg-flow .site-header{background:rgb(8,20,40)!important}}
/* yasal tablolar telefonda sayfayı taşırmasın (canlıda da 43px taşıyordu): tablo kendi içinde kayar */
@media (max-width:700px){.legal-page table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.legal-page th,.legal-page td{min-width:120px}}

/* ---------- erişilebilirlik: WCAG AA kontrast (axe-core taraması, 9 Eki) ---------- */
body.sbt-v2-page .featured > .badge{color:#fff!important}                                  /* mavi rozet: koyu yazı 3.4:1 → beyaz 5.2:1 */
body.sbt-v2-page .custom-package-card .badge{color:#93C5FD!important}                      /* lacivert zeminde mavi 3.2:1 → açık mavi */
body.sbt-v2-page .summary-meta b{color:#93C5FD!important}                                  /* teklif özeti etiketleri */
body.sbt-v2-page .package-option small{color:#475569!important}                            /* seçili paket açıklaması 4.4:1 → 7:1 */
body.sbt-v2-page .ty-btn-wa{background:#0E7A4F!important}                                  /* WhatsApp düğmesi: beyaz yazı 2:1 → 5.4:1 */
body.sbt-v2-page .ty-note a{text-decoration:underline;text-underline-offset:2px}          /* metin içi bağlantı yalnız renkle ayrılmasın */
body.sbt-dark-page .section:not(.light) .eyebrow,body.sbt-dark-page .manifesto-item > span:first-child{color:#60A5FA!important} /* koyu zeminde mavi 3.2:1 → 6:1 */
/* Kayan sektör bandı: hareketli arka planın açık ışık huzmelerinde de okunur kalsın */
.has-bg-flow .marquee--dark{background:rgba(6,15,32,.82)}.has-bg-flow .marquee--dark span{color:#C9D5E8}
/* Mobil (bg-flow lite): açık bölümler opak; koyu/açık sınırı içerikle birlikte kayar (kaydırmada titreme yok) */
html.has-bg-flow.bgf-lite body .bgf-light.bgf-light.bgf-light{background:#F3F6FB!important}