/* ---------- Self-Host Yazı Tipleri (OFL: Courgette, Bricolage Grotesque, Figtree) ---------- */
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/courgette-latin-ext-400-normal.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: 'Courgette';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/courgette-latin-400-normal.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: 'Courgette Fallback';
  src: local('Georgia');
  size-adjust: 98%;
  ascent-override: 96%;
  descent-override: 24%;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/bricolage-grotesque-latin-ext-opsz-normal.woff2') format('woff2-variations');
  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: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/bricolage-grotesque-latin-opsz-normal.woff2') format('woff2-variations');
  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: 'Bricolage Fallback';
  src: local('Arial');
  size-adjust: 102%;
  ascent-override: 95%;
  descent-override: 22%;
}

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('../fonts/figtree-latin-ext-wght-normal.woff2') format('woff2-variations');
  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: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('../fonts/figtree-latin-wght-normal.woff2') format('woff2-variations');
  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: 'Figtree Fallback';
  src: local('Arial');
  size-adjust: 100%;
  ascent-override: 96%;
  descent-override: 22%;
}

@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 0.35s;
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
}

:root {
  /* PALET.md — Gece Cephesi belirteçleri (AYNEN) */
  --gece: #0F2438;
  --gece-derin: #091828;
  --cephe: #1565A8;
  --cephe-acik: #1E7BC4;
  --gokyuzu: #5FB3E4;
  --tabela: #B8ECFF;
  --kum: #E8DFC8;
  --krem: #F5EFE2;
  --fener: #E8A948;
  --fener-isik: #F5C96B;
  --metin: #142230;
  --metin-yumusak: #3D5266;
  --beyaz: #FAF7F0;
  --teyit: #8A4B08;
  --teyit-bg: #FFF3D1;

  /* Tipografi (v6): Courgette, Bricolage Grotesque, Figtree */
  --font-neon: 'Courgette', 'Courgette Fallback', Georgia, serif;
  --font-baslik: 'Bricolage Grotesque', 'Bricolage Fallback', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-govde: 'Figtree', 'Figtree Fallback', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Köşe yarıçapı kilidi (v6: yalnız 20px kart ve 999px hap) */
  --kose-kart: 20px;
  --kose-hap: 999px;
  --kose-orta: 20px;
  --kose-kucuk: 999px;

  --kapsayici-max: 1200px;
  --kenar-bosluk: clamp(1.125rem, 4vw, 2.5rem);
  --golge-kart: 0 20px 44px -20px rgba(9, 24, 40, 0.42);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

[hidden] {
  display: none !important;
}

html {
  font-family: var(--font-govde);
  font-size: 16px;
  line-height: 1.65;
  color: var(--metin);
  background-color: var(--krem);
  -webkit-text-size-adjust: 100%;
  overflow-x: clip;
}

@media (prefers-reduced-motion: no-preference) {
  html:not(.is-static) {
    scroll-behavior: smooth;
  }
}

body {
  min-height: 100vh;
  color: var(--metin);
  background-color: var(--krem);
  overflow-x: clip;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input {
  font: inherit;
  color: inherit;
}

ul {
  list-style: none;
}

/* Odak halkası: 3px --fener dış + 2px --gece iç (v6 erişilebilirlik kilidi) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
iframe:focus-visible {
  outline: 3px solid var(--fener);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--gece);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* İçeriğe atla */
.icerige-atla {
  position: fixed;
  top: -100px;
  left: 1rem;
  z-index: 200;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0.6rem 1.25rem;
  border-radius: var(--kose-hap);
  background-color: var(--fener);
  color: var(--gece);
  font-weight: 700;
  transition: top 0.2s var(--ease-out);
}

.icerige-atla:focus {
  top: 0.75rem;
}

/* Sayfa üstü 3px --fener kaydırma ilerleme çizgisi */
.kaydirma-ilerleme {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 120;
  background-color: var(--fener);
  transform-origin: 0 50%;
  transform: scaleX(var(--ilerleme, 0));
  pointer-events: none;
}

/* Phosphor ikon yardımcısı */
.ikon {
  width: 1.15em;
  height: 1.15em;
  flex-shrink: 0;
  fill: currentColor;
  display: inline-block;
  vertical-align: middle;
}

.ikon-kucuk {
  width: 0.95em;
  height: 0.95em;
  opacity: 0.85;
}

.kapsayici {
  width: 100%;
  max-width: var(--kapsayici-max);
  margin-inline: auto;
  padding-inline: var(--kenar-bosluk);
}

/* Sayfanın EN ÜSTÜNDE statik ince şerit */
.taslak-serit {
  position: static;
  width: 100%;
  background-color: var(--teyit-bg);
  color: var(--teyit);
  border-bottom: 1px solid var(--kum);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-align: center;
  padding: 0.32rem var(--kenar-bosluk);
  line-height: 1.35;
}

/* TEYİT modu: varsayılan görünümde rozet YOK; yalnız ?teyit=1 ile açılır */
.teyit-rozet {
  display: none;
}

html.teyit-modu [data-teyit] {
  border-bottom: 1px dashed var(--kum);
  padding-bottom: 1px;
}

html.teyit-modu .teyit-rozet {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  background-color: var(--teyit-bg);
  color: var(--teyit);
  border: 1px solid color-mix(in srgb, var(--teyit) 28%, transparent);
  border-radius: var(--kose-hap);
  font-family: var(--font-govde);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.1;
  padding: 0.16rem 0.48rem;
  margin-left: 0.35rem;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Ortak düğmeler (tam pill 999px, min 48px dokunma hedefi) */
.dugme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 48px;
  padding: 0.72rem 1.45rem;
  border-radius: var(--kose-hap);
  font-family: var(--font-govde);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 0.28s var(--ease-out), background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.28s var(--ease-out);
}

.dugme .ikon {
  transition: transform 0.25s var(--ease-out);
}

@media (hover: hover) {
  .dugme:hover .ikon {
    transform: translateX(3px);
  }
}

.dugme-birincil {
  background-color: var(--fener);
  color: var(--gece);
  border: 1px solid var(--fener-isik);
  box-shadow: 0 12px 26px -10px color-mix(in srgb, var(--fener) 60%, transparent);
}

.dugme-birincil:hover {
  background-color: var(--fener-isik);
}

.dugme-ikincil {
  background-color: color-mix(in srgb, var(--gece-derin) 78%, transparent);
  color: var(--krem);
  border: 1px solid color-mix(in srgb, var(--gokyuzu) 52%, transparent);
  font-variant-numeric: tabular-nums lining-nums;
}

.dugme-ikincil:hover {
  border-color: var(--tabela);
  background-color: var(--gece-derin);
}

.dugme-hayalet {
  background-color: transparent;
  color: var(--tabela);
  border: 1px solid color-mix(in srgb, var(--tabela) 35%, transparent);
}

.dugme-hayalet:hover {
  border-color: var(--tabela);
  background-color: color-mix(in srgb, var(--gece-derin) 50%, transparent);
}

@media (max-width: 500px) {
  html,
  body,
  .mobil-alt-cubuk,
  .menu-alt-cubuk {
    max-width: 390px;
  }
}