/* ============================================================
   terminal.css — V2 "Kahve Terminali" radikal görsel katman
   ------------------------------------------------------------
   index.html'e EN SON yüklenir (home.css'ten sonra → override eder).
   GERİ ALMA: index.html'den bu <link>'i çıkar → V1 görünümü döner.
   • Saf CSS, JS yok. • Hiçbir metni değiştirmez (sadece görsel dil).
   • Dil: declassified blueprint / tactical telemetry — sıcak editorial
     veri terminali. Playfair serif × DM Mono gerilimi, blueprint köşe
     tikleri (registration marks), forest-green hairline, roast gauge.
   • Hareket: yalnız hover (instrument-lock) + mevcut scroll reveal.
     YENİ sonsuz animasyon YOK (anti-default: "sonsuz mikro-animasyon").
   ============================================================ */

/* köşe tiklerinin uzunluğu/rengi yumuşak geçsin diye tipli custom prop */
@property --tk-l { syntax: '<length>'; inherits: false; initial-value: 12px; }
@property --tk-c { syntax: '<color>';  inherits: false; initial-value: #2a251c; }

/* ---- 1. Section divider → EMEKLİ (12 Haz 2026) ---------------------
   Terminal blueprint cetveli (kesik repeating-gradient + sol köşe pop tik
   + 1180 taşma) kaldırıldı. core.css base devralır: ince merkezi yeşil-glow
   hairline, gövdeyle hizalı (max-width:1080). Hero alt fade ile çelişmez. */

/* ---- 2. Koridor başlığı → telemetri masa kodu ----------------------
   "01 · Pazar" metni AYNEN kalır; ucuz "büyük numara" görünümü gider,
   yerine küçük mono desk-code + blueprint köşe tik gelir. */
.corridor__rule {
  height: 1px;
  position: relative;
  background: repeating-linear-gradient(90deg,
    color-mix(in srgb, var(--cor-accent, var(--pop)) 60%, transparent) 0 22px,
    transparent 22px 28px) left / 100% 1px no-repeat,
    linear-gradient(90deg, var(--border-2), transparent 70%);
  background-blend-mode: normal;
}
/* sol köşe kayıt tiki — cetvelin başında yukarı kalkan dik çizgi */
.corridor__rule::before {
  content: "";
  position: absolute;
  left: 0; top: -5px;
  width: 1px; height: 11px;
  background: var(--cor-accent, var(--pop));
}
.corridor__kicker {
  align-items: center;
  gap: 0.55rem;
}
/* büyük numara → küçük mono desk index, başına ❯ telemetri glifi */
.corridor__num {
  font-size: 0.72rem !important;
  letter-spacing: 0.16em;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
.corridor__num::before {
  content: "\276F";          /* ❯ */
  margin-right: 0.5em;
  opacity: 0.6;
  font-size: 0.82em;
}
.corridor__tag {
  padding-left: 0.6rem;
  border-left: 1px solid color-mix(in srgb, var(--cor-accent, var(--pop)) 45%, transparent);
  color: var(--cream) !important;
}

/* ---- 3. Kapılar (Üç Kapı) → MODERN dile çekildi (12 Haz 2026) -------
   Terminal katmanı emekli: blueprint köşe tikleri (.door::before) +
   [01] parantez (.door__num) + keskin chip override KALDIRILDI.
   Modern hali doors.css base'inde: Playfair başlık + sans etiket +
   hero-pill chip. terminal.css'ten kademeli çıkışın 1. adımı. */

/* ---- 4. Manifesto → EMEKLİ (13 Haz 2026) ---------------------------
   Blueprint köşe çerçeve + roast-gauge stat + mono-lbl override kaldırıldı.
   Manifesto artık home.css'te tam modern: hero WebGL shader zemin (mfShader) +
   Gambetta word-appear metin + cam veri ribbon (mono tabular) + typewriter eyebrow +
   scramble sayılar. Eski .stat yapısı → .manifesto__metric/__val (home.js). */

/* ---- 5. CTA platform → Ambient Ember'e geçti (kart-dışı · home.css) -----
   Eski blueprint köşe çerçeve KALDIRILDI (28 Haz): kart yok, yerine merkez içerik +
   statik amber ambient glow (ışık=dolgu, hover'da bloom). 21st "CTA with Glow" uyarlaması. */

/* ---- 7. Dünya paneli → enstrüman panelleri --------------------------
   Globe + Borsa kartları ve "Öğren & keşfet" linkleri terminal diline
   geçer: blueprint köşe kayıt tikleri, mono desk-code, accent hairline.
   home.css world-* kurallarının üstüne biner; metin değişmez. */

/* iki world-card → sabit köşe kayıt tikleri + keskin köşe (manifesto dili) */
.world-card {
  position: relative;
  border-radius: var(--r) !important;
}
.world-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image:
    linear-gradient(var(--border-2), var(--border-2)), linear-gradient(var(--border-2), var(--border-2)),
    linear-gradient(var(--border-2), var(--border-2)), linear-gradient(var(--border-2), var(--border-2)),
    linear-gradient(var(--border-2), var(--border-2)), linear-gradient(var(--border-2), var(--border-2)),
    linear-gradient(var(--border-2), var(--border-2)), linear-gradient(var(--border-2), var(--border-2));
  background-repeat: no-repeat;
  background-size:
    16px 1px, 1px 16px, 16px 1px, 1px 16px,
    16px 1px, 1px 16px, 16px 1px, 1px 16px;
  background-position:
    left top, left top, right top, right top,
    left bottom, left bottom, right bottom, right bottom;
}
/* globe eyebrow → accent bar öneki (borsa eyebrow'da zaten canlı nokta var) */
.world-globe .world-card__eyebrow::before {
  content: "";
  width: 16px; height: 2px;
  background: var(--pop);
  flex: none;
}

/* "Borsa grafiğini aç" → yuvarlak pill yerine keskin blueprint bar + ❯ glif */
.world-market__toggle {
  border-radius: var(--r) !important;
}
.world-market__toggle-label::before {
  content: "\276F";          /* ❯ */
  margin-right: 0.5em;
  opacity: 0.55;
  color: var(--pop);
}

/* Öğren & keşfet linkleri → desk-code + instrument-lock köşe tik (kapı dili) */
.world-link {
  position: relative;
  border-radius: var(--r) !important;
}
.world-link__k {                       /* "A → Z" / "14 ülke" → köşeli parantez index */
  display: inline-flex; align-items: center;
}
.world-link__k::before { content: "["; opacity: 0.5; margin-right: 0.2em; }
.world-link__k::after  { content: "]"; opacity: 0.5; margin-left: 0.2em; }
.world-link::after {
  content: "";
  position: absolute;
  inset: 7px;
  z-index: 1;
  pointer-events: none;
  --tk-l: 11px;
  --tk-c: var(--border-2);
  background-image:
    linear-gradient(var(--tk-c), var(--tk-c)), linear-gradient(var(--tk-c), var(--tk-c)),
    linear-gradient(var(--tk-c), var(--tk-c)), linear-gradient(var(--tk-c), var(--tk-c)),
    linear-gradient(var(--tk-c), var(--tk-c)), linear-gradient(var(--tk-c), var(--tk-c)),
    linear-gradient(var(--tk-c), var(--tk-c)), linear-gradient(var(--tk-c), var(--tk-c));
  background-repeat: no-repeat;
  background-size:
    var(--tk-l) 1px, 1px var(--tk-l), var(--tk-l) 1px, 1px var(--tk-l),
    var(--tk-l) 1px, 1px var(--tk-l), var(--tk-l) 1px, 1px var(--tk-l);
  background-position:
    left top, left top, right top, right top,
    left bottom, left bottom, right bottom, right bottom;
  transition: --tk-l 0.4s var(--ease-o), --tk-c 0.4s var(--ease);
}
.world-link:hover::after,
.world-link:focus-within::after {
  --tk-l: 20px;
  --tk-c: var(--pop);
}

/* ---- 8. Footer → telemetri kapanış paneli ------------------------
   "Transmission end" hissi: düz border-top yerine kesik blueprint
   hairline + sol forest-green kayıt segmenti; sütun başlıkları kanal
   etiketi (pop tik), linkler instrument hover (soldan kayan ❯). */
.footer {
  border-top: none;
  position: relative;
}
.footer::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: repeating-linear-gradient(90deg,
    var(--border-2) 0 5px, transparent 5px 11px);
}
.footer::after {
  content: "";
  position: absolute;
  top: 0; left: 2.5rem;
  width: 42px; height: 1px;
  background: var(--pop);
}
/* sütun başlığı → kanal etiketi: önünde kısa forest-green tik */
.footer__col h5 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.footer__col h5::before {
  content: "";
  width: 14px; height: 2px;
  background: var(--pop);
  flex: none;
}
/* link → instrument hover: ❯ soldan kayar, pop renk */
.footer__col a {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.footer__col a::before {
  content: "\276F";
  font-family: var(--font-m);
  font-size: 0.7em;
  color: var(--pop);
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  margin-right: 0;
  transition: max-width var(--dur-4) var(--ease-o),
    opacity var(--dur-4) var(--ease), margin-right var(--dur-4) var(--ease-o);
}
.footer__col a:hover::before,
.footer__col a:focus-visible::before {
  max-width: 1.2em;
  opacity: 0.7;
  margin-right: 0.4em;
}

/* ---- 9. Erişilebilirlik / hareket azaltma -------------------------- */
@media (prefers-reduced-motion: reduce) {
  .world-link::after,
  .footer__col a::before { transition: none !important; }
}

/* küçük ekran — köşe tikleri manifesto/world'de daralır */
@media (max-width: 760px) {
  .world-card::after { background-size:
    12px 1px, 1px 12px, 12px 1px, 1px 12px,
    12px 1px, 1px 12px, 12px 1px, 1px 12px; }
}