/* ══════════════════════════════════════════════════════════════
   GetFlyPass — yasal sayfalarin ortak bicimi
   Dort sayfa da bu dosyayi kullaniyor; bir yerde degistirmek
   hepsini degistiriyor.
   ══════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('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: 'Inter'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+1E00-1E9F, U+2020, U+20A0-20AB, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --bg: #070B14; --surface: #0E1524; --sunken: #060A12;
  --line: rgba(255,255,255,.085); --line2: rgba(255,255,255,.15);
  --ink: #EAEFF8; --soft: #C2CCDC; --muted: #8794AB; --dim: #66728A;
  --orange: #FF8A1F; --orange-tx: #FF8A1F;
  --orange-g1: #FF9633; --orange-g2: #F0700A; --on-orange: #1A0C00;
  --warn-bg: rgba(255,138,31,.10); --warn-bd: rgba(255,138,31,.34);
}
:root[data-theme="light"] {
  --bg: #F5F7FB; --surface: #FFFFFF; --sunken: #F0F3F9;
  --line: rgba(12,22,44,.10); --line2: rgba(12,22,44,.17);
  --ink: #0E1726; --soft: #33405A; --muted: #5A6880; --dim: #8290A8;
  --warn-bg: rgba(240,112,10,.08); --warn-bd: rgba(240,112,10,.30);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  font-feature-settings: "cv11", "ss01";
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  line-height: 1.65;
}
a { color: var(--orange-tx); text-decoration: none; }
a:hover { text-decoration: underline; }
img, svg { display: block; }

.wrap { width: min(820px, 100% - 40px); margin-inline: auto; }

/* ---- ust cubuk ---- */
.lhead {
  border-bottom: 1px solid var(--line);
  position: sticky; top: 0; z-index: 5;
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter: blur(12px);
}
.lhead .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; }
.brand { display: flex; align-items: center; gap: 9px; color: var(--ink); }
.brand:hover { text-decoration: none; }
.brand img { width: 30px; height: 24px; object-fit: contain; }
/* Marka yazimi — index.html ve app.html'deki .wm kuralinin ayni olcusu.
   25 Agustos 2026: "GetFlyPass" CamelCase ve egik; turuncu yalnizca
   ortadaki "Fly". Degrade de buraya tasindi, onceden duz turuncuydu ve
   ayni marka hukuki sayfalarda farkli okunuyordu. */
/* Renkler referans gorselden: lacivert #002B69, turuncu #F95F06.
   Degrade kaldirildi — referansta turuncu duz, ayrica background-clip
   ile boyanan degrade 'y' kuyrugunu kesiyordu. Lacivert yalnizca acik
   temada okunabiliyor; koyu temada ayni tonun acilmis hali. */
.brand span { font-size: 17px; font-weight: 800; font-style: italic; letter-spacing: -.03em; color: #A8C6F0; }
.brand i { font-style: inherit; color: #F95F06; }
:root[data-theme="light"] .brand span { color: #002B69; }
.back { font-size: 13px; font-weight: 600; color: var(--muted); }
.back:hover { color: var(--orange-tx); }

/* ---- govde ---- */
.legal { padding: 40px 0 80px; }
h1 { font-size: clamp(30px, 4.6vw, 42px); font-weight: 790; letter-spacing: -.035em; margin: 0 0 8px; line-height: 1.1; }
.meta { margin: 0 0 30px; font-size: 13px; color: var(--dim); }

h2 {
  font-size: 19px; font-weight: 740; letter-spacing: -.02em;
  margin: 44px 0 12px; scroll-margin-top: 78px;
}
h3 { font-size: 15.5px; font-weight: 700; margin: 26px 0 8px; }
p { margin: 0 0 14px; font-size: 15px; color: var(--soft); }
ul { margin: 0 0 16px; padding-left: 20px; }
li { font-size: 15px; color: var(--soft); margin-bottom: 9px; }
strong { color: var(--ink); font-weight: 680; }

/* taslak uyarisi — yayindan once silinecek */
.draft {
  background: var(--warn-bg); border: 1px solid var(--warn-bd);
  border-radius: 12px; padding: 15px 17px; font-size: 13.5px;
  color: var(--soft); margin-bottom: 34px;
}
.draft strong { color: var(--orange-tx); }

/* vurgulanmis uyari kutusu */
.callout {
  background: var(--sunken); border-left: 3px solid var(--orange);
  border-radius: 0 10px 10px 0; padding: 13px 16px; font-size: 14.5px;
}

/* sirket bilgisi gelince doldurulacak alanlar */
.placeholder span {
  display: inline-block; padding: 1px 7px; border-radius: 5px;
  background: var(--warn-bg); border: 1px dashed var(--warn-bd);
  color: var(--orange-tx); font-weight: 650; font-size: 13.5px;
}
.note { font-size: 13px; color: var(--dim); font-style: italic; }

/* icindekiler */
.toc {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px 20px;
  background: var(--surface); border: 1px solid var(--line);
  border-radius: 13px; padding: 18px 20px; margin-bottom: 12px;
}
.toc a { font-size: 13.5px; color: var(--muted); }
.toc a:hover { color: var(--orange-tx); text-decoration: none; }

table { width: 100%; border-collapse: collapse; margin: 4px 0 18px; font-size: 14px; }
th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
th { font-size: 11px; text-transform: uppercase; letter-spacing: .07em; color: var(--dim); font-weight: 750; }
td { color: var(--soft); }
.tablewrap { overflow-x: auto; }

/* ---- alt bilgi ---- */
.lfoot { border-top: 1px solid var(--line); padding: 26px 0 40px; }
.lfoot .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.lfoot nav { display: flex; gap: 18px; flex-wrap: wrap; }
.lfoot a, .lfoot span { font-size: 13px; color: var(--muted); }

@media (max-width: 620px) {
  .toc { grid-template-columns: 1fr; }
  .legal { padding: 28px 0 60px; }
  h2 { margin-top: 34px; }
}