/* =====================================================================
   SBT Studio — Tasarım token'ları ve ortak marka katmanı (v3)
   Tüm renkler BURADAN yönetilir. Başka dosyada yeni hex tanımlamayın;
   var(--color-…) kullanın.
   Görsel denge: ~%65-70 açık nötr · ~%20-25 lacivert · ~%5-10 mavi (aksiyon) · <%5 altın (premium vurgu)
   ===================================================================== */
/* Fontlar sunucudan sunulur (Google'a istek/IP aktarımı yok). Inter ve Plus Jakarta Sans: SIL Open Font License 1.1 — assets/fonts/OFL.txt */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('../assets/fonts/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('../assets/fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500 800;font-display:swap;src:url('../assets/fonts/plus-jakarta-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500 800;font-display:swap;src:url('../assets/fonts/plus-jakarta-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Font yüklenene kadar kullanılan yedek font, Inter/Jakarta ölçülerine ayarlı: font gelince metin kaymaz (CLS). */
@font-face{font-family:'Inter Fallback';src:local('Arial'),local('Helvetica Neue'),local('Helvetica');size-adjust:108.14%;ascent-override:89.58%;descent-override:22.31%;line-gap-override:0%}
@font-face{font-family:'Plus Jakarta Sans Fallback';src:local('Arial'),local('Helvetica Neue'),local('Helvetica');size-adjust:107.87%;ascent-override:96.22%;descent-override:20.58%;line-gap-override:0%}

:root{
  /* Aksiyon — Corporate Blue (CTA, link, aktif durum, focus) */
  --color-primary:#2563EB;
  --color-primary-hover:#1D4ED8;
  --color-primary-active:#1E40AF;
  --color-primary-soft:#EFF6FF;       /* seçili öğe / bilgi zemini */
  --color-primary-on-dark:#93C5FD;    /* lacivert zeminde küçük vurgu metni */
  --color-focus:rgba(37,99,235,.35);

  /* Otorite — Deep Navy (header, footer, premium bölümler) */
  --color-navy:#0B1F3A;
  --color-navy-raised:#132B4D;        /* lacivert zeminde kart */
  --color-navy-deep:#081629;          /* footer */
  --color-navy-line:rgba(255,255,255,.10);

  /* Zemin ve yüzey */
  --color-bg:#F8FAFC;
  --color-surface:#FFFFFF;
  --color-surface-soft:#F1F5F9;
  --color-border:#E2E8F0;
  --color-border-strong:#CBD5E1;

  /* Metin */
  --color-text:#0F172A;
  --color-text-secondary:#475569;
  --color-text-muted:#64748B;
  --color-on-dark:#FFFFFF;
  --color-on-dark-secondary:#CBD5E1;
  --color-on-dark-muted:#94A3B8;

  /* Premium vurgu — yalnızca küçük rozet, ince çizgi, "Özel Proje" etiketi */
  --color-premium:#C89B3C;
  --color-premium-soft:#FBF5E8;

  /* Durum */
  --color-success:#16A34A;
  --color-danger:#DC2626;
  --color-whatsapp:#1FAF5A;

  /* Tipografi */
  --font-sans:'Inter','Inter Fallback',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --font-display:'Plus Jakarta Sans','Plus Jakarta Sans Fallback','Inter Fallback',system-ui,sans-serif;

  /* Biçim */
  --radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.05);
  --shadow-md:0 8px 24px -8px rgba(15,23,42,.14),0 2px 6px rgba(15,23,42,.05);
  --shadow-lg:0 24px 48px -16px rgba(11,31,58,.28);
  --ease:cubic-bezier(.2,.7,.1,1);
  --max:1240px;

}

/* ---------- Üst menü (tüm sayfalar) — lacivert ---------- */
.site-header{position:sticky;top:0;z-index:60;background:var(--color-navy)!important;border-bottom:1px solid var(--color-navy-line)!important;color:var(--color-on-dark)!important;box-shadow:none!important}
.site-header .header-inner{max-width:var(--max)!important;margin:0 auto;padding:14px 24px!important;display:flex;align-items:center;gap:28px}
.site-header .brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display)!important;font-weight:700!important;letter-spacing:-.01em;color:var(--color-on-dark)!important}
.site-header .brand img{width:38px!important;height:auto}
.site-header .brand small{display:block;font-family:var(--font-sans);font-size:.58rem!important;letter-spacing:.2em!important;color:var(--color-on-dark-muted)!important;font-weight:500!important;margin-top:2px}
.site-header nav{margin-left:auto;display:flex;gap:26px!important;font-family:var(--font-sans);font-size:.875rem!important;font-weight:500!important}
.site-header nav a{color:var(--color-on-dark-secondary)!important;transition:color .2s}
.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--color-on-dark)!important}
.site-header .header-cta,.site-header .btn-primary,.site-header .btn-gold{background:var(--color-primary)!important;color:#fff!important;border:0!important;border-radius:var(--radius-sm)!important;padding:10px 18px!important;font-weight:600!important;font-size:.875rem!important;box-shadow:none!important;font-family:var(--font-sans)}
.site-header .header-cta:hover,.site-header .btn-primary:hover{background:var(--color-primary-hover)!important}
.menu-btn{font-family:var(--font-sans);background:transparent!important;color:var(--color-on-dark)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:var(--radius-sm)!important;padding:8px 14px!important;font-size:.75rem;letter-spacing:.12em}

/* ---------- Alt bilgi (tüm sayfalar) — koyu lacivert ---------- */
.site-footer,.footer{background:var(--color-navy-deep)!important;color:var(--color-on-dark-muted)!important;border-top:0;font-family:var(--font-sans)}
.site-footer h4,.footer strong{color:var(--color-on-dark)!important;letter-spacing:.14em;font-size:.72rem;font-weight:600}
.site-footer a,.footer a{color:var(--color-on-dark-secondary)!important}
.site-footer a:hover,.footer a:hover{color:var(--color-on-dark)!important}
.legal-links{background:var(--color-navy-deep);color:var(--color-on-dark-muted);border-top:1px solid var(--color-navy-line)!important;font-family:var(--font-sans)}
.legal-links a{color:var(--color-on-dark-muted)}

/* ---------- Diğer sayfalar (body.sbt-v2-page): ortak dil ---------- */
body.sbt-v2-page{font-family:var(--font-sans)!important}
body.sbt-v2-page:not(.sbt-dark-page){background:var(--color-bg)!important;color:var(--color-text)}
/* Özel Proje: premium koyu sayfa — lacivert zemin, açık metin */
body.sbt-dark-page{background:var(--color-navy)!important;color:var(--color-on-dark)}
body.sbt-dark-page .section:not(.light) p{color:var(--color-on-dark-secondary)}
body.sbt-dark-page .section:not(.light) h2,body.sbt-dark-page .section:not(.light) h3,body.sbt-dark-page .section:not(.light) strong{color:var(--color-on-dark)}
body.sbt-dark-page .custom-header{background:var(--color-navy)!important;border-bottom:1px solid var(--color-navy-line)}
body.sbt-v2-page h1,body.sbt-v2-page h2,body.sbt-v2-page h3{font-family:var(--font-display)!important;letter-spacing:-.02em!important}
body.sbt-v2-page h1,body.sbt-v2-page h2{font-weight:700!important}
body.sbt-v2-page h1 em,body.sbt-v2-page h2 em,body.sbt-v2-page h1 span[style*="color"]{font-style:normal;color:var(--color-primary-on-dark)!important}
body.sbt-v2-page .eyebrow,body.sbt-v2-page .kicker{letter-spacing:.16em!important;font-weight:600!important;color:var(--color-primary)!important}
body.sbt-v2-page .hero .eyebrow,body.sbt-v2-page .detail-hero .eyebrow{color:var(--color-primary-on-dark)!important}

/* Buton hiyerarşisi: primary = mavi dolu, secondary = beyaz + lacivert metin + ince kenar, tertiary = metin link */
body.sbt-v2-page .btn{border-radius:var(--radius-sm)!important;font-weight:600!important;font-family:var(--font-sans)}
body.sbt-v2-page .btn-primary,body.sbt-v2-page .btn-gold,body.sbt-v2-page .button.secondary{background:var(--color-primary)!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important}
body.sbt-v2-page .btn-primary:hover,body.sbt-v2-page .btn-gold:hover{background:var(--color-primary-hover)!important}
body.sbt-v2-page .btn-primary:active,body.sbt-v2-page .btn-gold:active{background:var(--color-primary-active)!important}
body.sbt-v2-page .btn-dark{background:var(--color-navy)!important;color:#fff!important}
body.sbt-v2-page .btn-dark:hover{background:var(--color-navy-raised)!important}
body.sbt-v2-page .btn-light,body.sbt-v2-page .btn-outline{background:var(--color-surface)!important;color:var(--color-navy)!important;border:1px solid var(--color-border)!important}
body.sbt-v2-page .btn-light:hover,body.sbt-v2-page .btn-outline:hover{border-color:var(--color-navy)!important}
body.sbt-v2-page .hero .btn-outline,body.sbt-v2-page .hero .btn-light,body.sbt-v2-page .detail-hero .btn-light{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important}

/* Koyu hero alanları: tek düz lacivert, çok hafif mavi ışık */
body.sbt-v2-page .hero,body.sbt-v2-page .detail-hero{background:radial-gradient(ellipse 60% 55% at 85% 0%,rgba(37,99,235,.16),transparent 65%),var(--color-navy)!important;color:var(--color-on-dark)!important}
body.sbt-v2-page .hero p,body.sbt-v2-page .detail-hero p{color:var(--color-on-dark-secondary)!important}
body.sbt-v2-page .hero h1,body.sbt-v2-page .detail-hero h1{color:var(--color-on-dark)!important}

/* Form odak durumu */
body.sbt-v2-page input:focus,body.sbt-v2-page select:focus,body.sbt-v2-page textarea:focus{outline:none!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-focus)!important}

/* ---------- WhatsApp yüzen buton ---------- */
.sbt-whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:70;background:var(--color-whatsapp);color:#fff;border-radius:var(--radius-pill);padding:12px 18px;font:600 .85rem var(--font-sans);box-shadow:var(--shadow-md)}

@media(max-width:980px){
  .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0!important;background:var(--color-navy)!important;border-bottom:1px solid var(--color-navy-line);padding:8px 24px 20px!important;margin:0!important;z-index:80}
  .site-header nav.open{display:flex}
  .site-header nav a{padding:14px 0;border-bottom:1px solid var(--color-navy-line);font-size:1rem!important}
  .site-header .header-cta{display:none!important}
  .menu-btn{display:inline-flex!important;margin-left:auto}
}
@media(min-width:981px){.menu-btn{display:none!important}}

/* ---------- Sayfa sonu iletişim çağrısı bölümleri (eski altın zemin -> lacivert) ---------- */
body.sbt-v2-page .cta,body.sbt-v2-page .final-cta{background:radial-gradient(ellipse 60% 80% at 50% 120%,rgba(37,99,235,.22),transparent 70%),var(--color-navy)!important;color:var(--color-on-dark)!important}
body.sbt-v2-page .cta h2,body.sbt-v2-page .final-cta h2{color:var(--color-on-dark)!important}
body.sbt-v2-page .cta p,body.sbt-v2-page .final-cta p{color:var(--color-on-dark-secondary)!important}
body.sbt-v2-page .cta .eyebrow,body.sbt-v2-page .final-cta .eyebrow{color:var(--color-primary-on-dark)!important}
body.sbt-v2-page .cta .btn-dark,body.sbt-v2-page .final-cta .btn-dark{background:var(--color-primary)!important}
body.sbt-v2-page .cta .btn-dark:hover,body.sbt-v2-page .final-cta .btn-dark:hover{background:var(--color-primary-hover)!important}

/* ---------- Eski sayfalara özel düzeltmeler ---------- */
[hidden]{display:none!important}
body.sbt-v2-page .gold-soft{background:var(--color-surface-soft)!important}
body.sbt-v2-page .newsletter{background:var(--color-surface-soft)!important;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
body.sbt-v2-page .tag.gold,body.sbt-v2-page .tag{background:var(--color-surface-soft)!important;color:var(--color-text-secondary)!important;border:1px solid var(--color-border)}
body.sbt-v2-page .tag.gold{background:var(--color-primary-soft)!important;color:var(--color-primary-active)!important;border-color:transparent}
body.sbt-v2-page .detail-hero .tag{background:rgba(255,255,255,.08)!important;color:var(--color-on-dark)!important;border-color:var(--color-navy-line)}

/* ---------- Ortak ana menü: Hizmetler açılır listesi + sayfa içi bölüm menüsü (js/site-nav.js) ---------- */
html{scroll-padding-top:84px}
html.has-subnav{scroll-padding-top:130px}
.site-header nav{align-items:center}
.site-header .nav-group{position:relative}
.site-header .nav-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;font:inherit;color:var(--color-on-dark-secondary);cursor:pointer;transition:color .2s}
.site-header .nav-toggle:hover,.site-header .nav-toggle[aria-expanded="true"],.site-header .nav-toggle.is-current{color:var(--color-on-dark)}
.site-header .nav-toggle svg{width:12px;height:12px;transition:transform .2s}
.site-header .nav-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.site-header .nav-menu{position:absolute;top:calc(100% + 18px);left:-18px;min-width:300px;padding:8px;background:var(--color-navy-raised);border:1px solid var(--color-navy-line);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:none;z-index:90}
.site-header .nav-menu.open{display:grid}
/* Başlık ile liste arasındaki boşlukta fare listeyi kapatmasın: görünmez köprü */
.site-header .nav-menu::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.site-header .nav-menu a{display:grid;gap:2px;padding:10px 12px;border-radius:var(--radius-sm)}
.site-header .nav-menu a:hover,.site-header .nav-menu a[aria-current]{background:rgba(255,255,255,.06)}
.site-header .nav-menu b{font-weight:600;color:var(--color-on-dark)}
.site-header .nav-menu span{font-size:.78rem;color:var(--color-on-dark-muted)}
.site-header nav a:focus-visible,.site-header .nav-toggle:focus-visible,.menu-btn:focus-visible,.page-subnav a:focus-visible{outline:2px solid var(--color-primary-on-dark);outline-offset:3px;border-radius:4px}
.site-header .nav-cta-mobile{display:none}
.page-subnav{position:sticky;top:67px;z-index:55;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}
.page-subnav .subnav-inner{max-width:var(--max);margin:0 auto;padding:0 24px;display:flex;gap:24px;overflow-x:auto;scrollbar-width:none;font:500 .85rem var(--font-sans)}
.page-subnav .subnav-inner::-webkit-scrollbar{display:none}
.page-subnav a{flex:none;padding:12px 0;color:var(--color-text-secondary);border-bottom:2px solid transparent}
.page-subnav a:hover{color:var(--color-text)}
.page-subnav a.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}
.page-subnav .subnav-title{flex:none;padding:12px 16px 12px 0;margin-right:4px;border-right:1px solid var(--color-border);color:var(--color-text);font-weight:600}
@media(max-width:980px){
  html{scroll-padding-top:76px}
  html.has-subnav{scroll-padding-top:122px}
  .site-header nav{align-items:stretch;max-height:calc(100vh - 64px);overflow-y:auto}
  .site-header .nav-toggle{width:100%;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--color-navy-line);font-size:1rem}
  .site-header .nav-menu{position:static;min-width:0;padding:4px 0 8px 12px;background:none;border:0;box-shadow:none}
  .site-header .nav-menu a{padding:10px 0;border-bottom:0!important}
  .site-header .nav-cta-mobile{display:block;margin-top:14px;text-align:center;background:var(--color-primary);color:#fff!important;border-radius:var(--radius-sm);border-bottom:0!important;font-weight:600}
  .page-subnav{top:63px}
}

/* ---------- Ortak alt bilgi (tüm sayfalar) — sayfa stil dosyalarından bağımsız ---------- */
.sbt-footer{background:var(--color-navy-deep)!important;color:var(--color-on-dark-muted)!important;font:400 .9rem/1.6 var(--font-sans);padding:0!important;margin:0}
.sbt-footer .footer-main{max-width:var(--max);margin:0 auto;padding:64px 24px 40px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}
.sbt-footer .footer-brand{display:inline-flex;align-items:center;gap:12px;color:var(--color-on-dark)!important;font:700 1.05rem var(--font-display);text-decoration:none}
.sbt-footer .footer-brand img{width:38px;height:auto}
.sbt-footer .footer-about p{margin:14px 0 0;max-width:340px;color:var(--color-on-dark-muted)}
.sbt-footer h4{margin:0 0 14px;color:var(--color-on-dark)!important;font:600 .72rem var(--font-sans);letter-spacing:.14em;text-transform:uppercase}
.sbt-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sbt-footer a{color:var(--color-on-dark-secondary)!important;text-decoration:none}
.sbt-footer a:hover{color:var(--color-on-dark)!important}
.sbt-footer a:focus-visible{outline:2px solid var(--color-primary-on-dark);outline-offset:3px;border-radius:4px}
.sbt-footer .footer-bottom{max-width:var(--max);margin:0 auto;padding:18px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid var(--color-navy-line);font-size:.8rem}
.sbt-footer .legal-links{background:none!important;border-top:1px solid var(--color-navy-line)!important;padding:16px 24px 20px}
@media(max-width:900px){.sbt-footer .footer-main{grid-template-columns:1fr 1fr}.sbt-footer .footer-about{grid-column:1/-1}}
@media(max-width:520px){.sbt-footer .footer-main{grid-template-columns:1fr;padding:48px 20px 32px}}