/*
Theme Name: Nöbet — İstanbul Haber
Description: İstanbul yerel haber gazetesi. Editöryel düzen, beyaz kâğıt zemini,
  didone nameplate. Koyu tema YOKTUR ve tanımlanmayacaktır.
Version: 1.0.0
Text Domain: haber
*/

/* ============================================================
   ZEMİN DOKTRİNİ
   Bu temada koyu zemin YOKTUR. prefers-color-scheme: dark için
   HİÇBİR kural yazılmaz. color-scheme: only light, tarayıcının
   kendi zorunlu koyulaştırmasını da engeller.
   ============================================================ */
:root {
  color-scheme: only light;

  /* Kâğıt */
  --kagit:        #ffffff;
  --kagit-krem:   #faf7f2;   /* bölüm zemini — sıcak kâğıt tonu */
  --kagit-gri:    #f2efe9;

  /* Mürekkep */
  --murekkep:     #17130e;   /* sıcak siyah — saf #000 değil, baskı hissi */
  --murekkep-2:   #4a423a;
  --murekkep-3:   #7d736a;

  /* Cetveller */
  --cetvel:       #ded7cb;
  --cetvel-kalin: #17130e;

  /* Vurgu */
  --kirmizi:      #a4181d;   /* bölüm etiketi, son dakika */
  --kirmizi-koyu: #7d1115;
  --bogaz:        #17384f;   /* bağlantı — Boğaz lacivert */

  /* Durum */
  --yesil:        #1f6b3f;
  --amber:        #9a6207;

  --olcu:         1180px;
  --olcu-dar:     700px;

  --seri:  "Source Serif 4", Georgia, "Times New Roman", serif;
  --nameplate: "Bodoni Moda", "Source Serif 4", Georgia, serif;
  --grotesk: "Archivo", "Helvetica Neue", Arial, sans-serif;
}

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

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--kagit);
  color: var(--murekkep);
  font-family: var(--seri);
  font-size: 18px;
  line-height: 1.6;
  font-synthesis-weight: none;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--bogaz); text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { color: var(--kirmizi); }

.kap { max-width: var(--olcu); margin-inline: auto; padding-inline: 20px; }

/* ---------- Üst şerit: tarih + canlı hizmet ---------- */
.ust-serit {
  border-bottom: 1px solid var(--cetvel);
  background: var(--kagit-krem);
  font-family: var(--grotesk);
  font-size: 12.5px;
  letter-spacing: .02em;
}
.ust-serit .kap {
  display: flex; align-items: center; gap: 18px;
  min-height: 38px; flex-wrap: wrap;
}
.ust-tarih { color: var(--murekkep-2); text-transform: uppercase; letter-spacing: .09em; }
.ust-serit nav { margin-left: auto; display: flex; gap: 16px; flex-wrap: wrap; }
.ust-serit nav a { color: var(--murekkep-2); text-decoration: none; }
.ust-serit nav a:hover { color: var(--kirmizi); text-decoration: underline; }
.rozet-hava {
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--murekkep); font-weight: 600;
}

/* ---------- NAMEPLATE (görsel isim) ---------- */
.nameplate { text-align: center; padding: 26px 0 0; background: var(--kagit); }
.nameplate a { text-decoration: none; color: inherit; display: inline-block; }
.nameplate__mark { display: block; margin: 0 auto 10px; }
/* Künye artık tek parça kilit: yükseklik burada, genişlik viewBox'tan.
   Satır içi SVG'nin intrinsic ölçüsü yoktur — biri verilmezse 0 çizilir. */
.nameplate__ad { margin: 0; line-height: 0; }
.nameplate__ad .nameplate__marka {
  height: clamp(44px, 8.4vw, 76px);
  width: auto; max-width: 92vw; display: inline-block;
}
.nameplate__marka-yedek {
  font-family: var(--nameplate); font-weight: 700;
  font-size: clamp(42px, 9vw, 86px); line-height: .92;
}
.nameplate__alt {
  font-family: var(--grotesk);
  font-size: 11.5px; letter-spacing: .34em; text-transform: uppercase;
  color: var(--murekkep-3); margin: 12px 0 0;
}
.nameplate__cetvel {
  margin: 18px 0 0; border: 0; border-top: 3px solid var(--cetvel-kalin);
  position: relative;
}
.nameplate__cetvel::after {
  content: ""; position: absolute; left: 0; right: 0; top: 3px;
  border-top: 1px solid var(--cetvel-kalin);
}

/* ---------- Ana gezinti ---------- */
.gezinti { border-bottom: 1px solid var(--cetvel); background: var(--kagit); }
.gezinti ul {
  list-style: none; margin: 0; padding: 0;
  display: flex; gap: 26px; justify-content: center; flex-wrap: wrap;
  min-height: 46px; align-items: center;
}
.gezinti a {
  font-family: var(--grotesk); font-size: 13.5px; font-weight: 600;
  letter-spacing: .085em; text-transform: uppercase;
  color: var(--murekkep); text-decoration: none; padding: 4px 0;
  border-bottom: 2px solid transparent;
}
.gezinti a:hover, .gezinti .aktif a { color: var(--kirmizi); border-bottom-color: var(--kirmizi); }
.gezinti__ok { display: none; }

/* ---------- Bölüm başlığı ---------- */
.bolum-baslik {
  display: flex; align-items: center; gap: 14px;
  margin: 0 0 18px; padding-top: 6px;
  border-top: 3px solid var(--cetvel-kalin);
}
.bolum-baslik h2 {
  font-family: var(--grotesk); font-size: 13px; font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase; margin: 8px 0 0;
}
.bolum-baslik .tumu {
  margin-left: auto; font-family: var(--grotesk); font-size: 12px;
  letter-spacing: .06em; text-transform: uppercase; text-decoration: none;
}

/* ---------- Manşet ---------- */
.manset-izgara {
  display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr);
  gap: 34px; padding: 30px 0 10px;
}
.manset__etiket, .kart__etiket {
  font-family: var(--grotesk); font-size: 11.5px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--kirmizi); display: inline-block; margin-bottom: 8px;
}
.manset__baslik {
  font-size: clamp(30px, 4.4vw, 52px); line-height: 1.08;
  font-weight: 700; margin: 0 0 12px; letter-spacing: -.012em;
}
.manset__baslik a { color: inherit; text-decoration: none; }
.manset__baslik a:hover { color: var(--kirmizi); }
.manset__spot { font-size: 20px; line-height: 1.5; color: var(--murekkep-2); margin: 0 0 12px; }

.manset-ikincil {
  display: grid; grid-template-columns: 1fr 1fr; gap: 26px;
  margin-top: 30px; padding-top: 4px; border-top: 3px solid var(--cetvel-kalin);
}
.manset-ikincil .kart { border-top: 0; padding-top: 16px; }
@media (max-width: 620px) { .manset-ikincil { grid-template-columns: 1fr; } }

.kunye {
  font-family: var(--grotesk); font-size: 12px; letter-spacing: .05em;
  color: var(--murekkep-3); text-transform: uppercase;
}
.kunye .kurum { color: var(--kirmizi-koyu); font-weight: 600; }
.kunye.imza { color: var(--murekkep); font-weight: 600; }
.kunye.imza a { color: inherit; text-decoration: none; }
.kunye.imza a:hover { color: var(--kirmizi); text-decoration: underline; }

/* ---------- Haber kartları ---------- */
.kart-izgara {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 30px 34px;
}
.kart { border-top: 1px solid var(--cetvel); padding-top: 14px; }
.kart__baslik { font-size: 21px; line-height: 1.25; font-weight: 700; margin: 0 0 8px; }
.kart__baslik a { color: inherit; text-decoration: none; }
.kart__baslik a:hover { color: var(--kirmizi); }
.kart__spot { font-size: 16px; color: var(--murekkep-2); margin: 0 0 10px; line-height: 1.5; }

/* ---------- Yan sütun: bugünkü hizmet ---------- */
.yan { border-left: 1px solid var(--cetvel); padding-left: 26px; }
.hizmet-kutu { margin-bottom: 26px; }
.hizmet-kutu h3 {
  font-family: var(--grotesk); font-size: 12px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase; color: var(--murekkep);
  margin: 0 0 10px; padding-bottom: 6px; border-bottom: 2px solid var(--cetvel-kalin);
}
.hizmet-kutu ul { list-style: none; margin: 0; padding: 0; font-size: 15.5px; }
.hizmet-kutu li { padding: 7px 0; border-bottom: 1px dotted var(--cetvel); line-height: 1.4; }
.hizmet-kutu li:last-child { border-bottom: 0; }
.hizmet-kutu .ad { font-weight: 600; display: block; }
.hizmet-kutu .detay { font-size: 13.5px; color: var(--murekkep-3); font-family: var(--grotesk); }

/* ---------- Namaz vakitleri bandı: anasayfada üst şerit ile künye arası (sahip kararı 2026-10-12) ---------- */
.vakit-bandi { border-bottom: 1px solid var(--cetvel); background: var(--kagit); font-family: var(--grotesk); }
.vakit-bandi .kap { display: flex; align-items: center; justify-content: center; gap: 24px; min-height: 40px; }
.vakit-bandi__baslik {
  font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--kirmizi);
}
.vakit-serit { display: flex; gap: 22px; margin: 0; }
.vakit-serit div { display: flex; align-items: baseline; gap: 7px; }
.vakit-serit dt {
  font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--murekkep-3); margin: 0;
}
.vakit-serit dd {
  margin: 0; font-family: var(--seri); font-size: 15.5px; font-weight: 700;
  font-variant-numeric: tabular-nums; color: var(--murekkep);
}

/* ---------- İlçe şeridi ---------- */
.ilce-serit { background: var(--kagit-krem); border-top: 1px solid var(--cetvel);
  border-bottom: 1px solid var(--cetvel); padding: 26px 0; margin-top: 40px; }
.ilce-liste {
  display: flex; flex-wrap: wrap; gap: 6px 0; list-style: none; margin: 0; padding: 0;
}
.ilce-liste li { }
.ilce-liste a {
  font-family: var(--grotesk); font-size: 13.5px; color: var(--murekkep);
  text-decoration: none; padding: 3px 12px; border-right: 1px solid var(--cetvel);
  display: inline-block;
}
.ilce-liste li:last-child a { border-right: 0; }
.ilce-liste a:hover { color: var(--kirmizi); text-decoration: underline; }

/* ---------- Yazı sayfası ---------- */
.yazi { max-width: var(--olcu-dar); margin: 34px auto 0; }
.yazi h1 {
  font-size: clamp(30px, 4.6vw, 46px); line-height: 1.1; font-weight: 700;
  letter-spacing: -.012em; margin: 10px 0 14px;
}
.yazi__spot { font-size: 20.5px; line-height: 1.5; color: var(--murekkep-2); margin: 0 0 18px; }
.yazi__kunye {
  border-top: 1px solid var(--cetvel); border-bottom: 1px solid var(--cetvel);
  padding: 10px 0; margin-bottom: 26px;
  display: flex; gap: 16px; flex-wrap: wrap;
}
.yazi__gorsel { margin: 0 0 26px; }
.yazi__gorsel img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: var(--kagit-gri); }
.yazi__gorsel figcaption {
  font-family: var(--grotesk); font-size: 12px; letter-spacing: .02em; line-height: 1.45;
  color: var(--murekkep-3); margin: 6px 0 0;
}
.yazi__gorsel figcaption a { color: inherit; }
.yazi__govde p { margin: 0 0 1.15em; }
/* Gömme harf YALNIZ harfle başlayan yazılarda. Sayıyla başlayan metinde
   "2026" -> "2" + "026" diye bölünüyordu; bu projede sayının görsel olarak
   bile bozulması kabul edilemez. Sınıf PHP'de veriliyor. */
.yazi__govde.gomme > p:first-of-type::first-letter {
  float: left; font-family: var(--nameplate); font-size: 3.9em; line-height: .82;
  padding: .06em .09em 0 0; font-weight: 700;
}
.yazi__govde h2 { font-size: 26px; margin: 1.6em 0 .5em; line-height: 1.25; }
.yazi__govde blockquote {
  margin: 1.6em 0; padding: 0 0 0 20px; border-left: 3px solid var(--kirmizi);
  font-size: 21px; line-height: 1.45; color: var(--murekkep);
}

/* ---------- Kaynak satırı ---------- */
.kaynak {
  font-family: var(--grotesk); font-size: 12.5px; letter-spacing: .04em;
  color: var(--murekkep-3); border-top: 1px solid var(--cetvel);
  padding-top: 10px; margin-top: 22px;
}

/* ---------- Tablolar (kesinti, eczane, vakit) ---------- */
table { width: 100%; border-collapse: collapse; font-size: 16px; margin: 0 0 14px; }
thead th {
  font-family: var(--grotesk); font-size: 11.5px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; text-align: left;
  color: var(--murekkep-2); border-bottom: 2px solid var(--cetvel-kalin);
  padding: 8px 10px 7px;
}
tbody td { padding: 10px; border-bottom: 1px solid var(--cetvel); vertical-align: top; }
tbody tr:nth-child(even) { background: var(--kagit-krem); }
td.buyukluk { font-weight: 700; font-variant-numeric: tabular-nums; }

/* ---------- Durum metinleri ---------- */
.veri-yok, .yok {
  background: var(--kagit-krem); border-left: 3px solid var(--amber);
  padding: 12px 16px; font-size: 16px; color: var(--murekkep-2); margin: 0 0 14px;
}
.guncelleme {
  font-family: var(--grotesk); font-size: 12px; letter-spacing: .07em;
  text-transform: uppercase; color: var(--murekkep-3);
  border-top: 1px solid var(--cetvel); padding-top: 10px; margin-top: 24px;
}

/* ---------- Panel (ilçe sayfaları) ---------- */
.ilce-panel, .ilce-alt, .deprem, .okullar, .ulasim, .projeler, .kapali-yollar { padding: 26px 0 0; }
.ilce-panel h1, .ilce-alt h1, .deprem h1, .okullar h1, .ulasim h1, .projeler h1, .kapali-yollar h1, .arsiv-baslik {
  font-size: clamp(28px, 4vw, 42px); line-height: 1.12; margin: 0 0 6px; font-weight: 700;
}
.sayfa-tarih {
  font-family: var(--grotesk); font-size: 13px; letter-spacing: .06em;
  text-transform: uppercase; color: var(--murekkep-3); margin: 0 0 14px;
}
.sss { margin: 34px 0 0; }
.yazi-veri, .yazi-liste { margin: 30px 0 0; }
.yazi-veri ul { display: flex; flex-wrap: wrap; gap: 8px 18px; list-style: none; padding: 0; margin: 0; }
.sss dt { font-weight: 700; margin: 14px 0 4px; }
.sss dd { margin: 0 0 8px; }
.alt-baglantilar { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0 26px; }
.alt-baglantilar a {
  font-family: var(--grotesk); font-size: 13px; letter-spacing: .04em;
  text-decoration: none; color: var(--murekkep); background: var(--kagit-krem);
  border: 1px solid var(--cetvel); padding: 6px 13px;
}
.alt-baglantilar a:hover { border-color: var(--kirmizi); color: var(--kirmizi); }
.panel { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 30px 36px; }
.blok h2 {
  font-family: var(--grotesk); font-size: 12.5px; font-weight: 700;
  letter-spacing: .15em; text-transform: uppercase;
  border-bottom: 2px solid var(--cetvel-kalin); padding-bottom: 7px; margin: 0 0 12px;
}
.blok-duyuru, .blok-eczane { grid-column: 1 / -1; }
.duyuru-listesi { list-style: none; margin: 0; padding: 0; }
.duyuru-listesi li { padding: 9px 0; border-bottom: 1px solid var(--cetvel); }
.duyuru-listesi .kurum {
  font-family: var(--grotesk); font-size: 11px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: var(--kirmizi-koyu);
  display: block; margin-bottom: 2px;
}
.duyuru-listesi time { font-family: var(--grotesk); font-size: 12px; color: var(--murekkep-3); margin-left: 8px; }
.hava-ozet { font-size: 17px; }
.hava-ozet strong { font-size: 30px; font-weight: 700; margin-right: 10px; }
.hava-ozet span { font-family: var(--grotesk); font-size: 14px; color: var(--murekkep-2); margin-right: 12px; }
.tarif { display: block; font-size: 13.5px; color: var(--murekkep-3); font-family: var(--grotesk); }

/* ---------- Alt bilgi ---------- */
.alt {
  margin-top: 54px; border-top: 3px solid var(--cetvel-kalin);
  background: var(--kagit); padding: 30px 0 46px;
}
.alt__izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 28px; }
.alt h4 {
  font-family: var(--grotesk); font-size: 11.5px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase; margin: 0 0 10px;
}
.alt ul { list-style: none; margin: 0; padding: 0; font-size: 15px; }
.alt li { padding: 3px 0; }
.alt a { color: var(--murekkep-2); text-decoration: none; }
.alt a:hover { color: var(--kirmizi); text-decoration: underline; }
.alt__kunye {
  margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--cetvel);
  font-family: var(--grotesk); font-size: 12.5px; color: var(--murekkep-3);
}

/* ---------- Sayfalama ---------- */
.sayfalama { margin: 34px 0; font-family: var(--grotesk); font-size: 14px; }
.sayfalama .page-numbers {
  display: inline-block; padding: 6px 12px; border: 1px solid var(--cetvel);
  text-decoration: none; margin-right: 4px; color: var(--murekkep);
}
.sayfalama .current { background: var(--murekkep); color: var(--kagit); border-color: var(--murekkep); }

/* ---------- Dar ekran ---------- */
@media (max-width: 880px) {
  body { font-size: 17px; }
  .manset-izgara { grid-template-columns: 1fr; gap: 26px; }
  .yan { border-left: 0; padding-left: 0; border-top: 3px solid var(--cetvel-kalin); padding-top: 18px; }
  /* Üst şerit (sahip kararı 2026-09-28): solda tarih + hava alt alta, SAĞ ÜSTTE su kesintisi, altında
     elektrik kesintisi. Deprem bağlantısı ana gezintide zaten var → burada yalnız masaüstünde. */
  .ust-serit .kap {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "tarih nav" "hava nav";
    align-items: center; column-gap: 12px; row-gap: 1px; padding-block: 5px;
  }
  .ust-tarih { grid-area: tarih; font-size: 11.5px; letter-spacing: .05em; }
  .ust-serit .rozet-hava { grid-area: hava; }
  .ust-serit nav { grid-area: nav; flex-direction: column; align-items: flex-end; gap: 0; margin-left: 0; flex-wrap: nowrap; }
  .ust-serit nav a { display: flex; align-items: center; min-height: 24px; font-weight: 600; color: var(--murekkep); white-space: nowrap; }
  .ust-serit nav .ust-masaustu { display: none; }
  /* Ana gezinti dar ekranda TEK satır, yatay kaydırılır (8 bölüm 3 satıra kırılıyordu — WB-0278).
     2026-09-28: üste YAPIŞIR; iki uçta kaydırma yönü üçgeni; menü kendi kendine gidip gelir (assets/gezinti.js). */
  .gezinti { position: sticky; top: 0; z-index: 60; transition: box-shadow .2s ease; }
  .gezinti--yapisik { box-shadow: 0 3px 10px rgba(23, 19, 14, .10); }
  .gezinti .kap { display: flex; align-items: stretch; padding-inline: 2px; }
  .gezinti ul { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; gap: 20px; min-height: 44px;
    scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-inline: 10px;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%); }
  .gezinti ul::-webkit-scrollbar { display: none; }
  .gezinti li { flex: none; }
  .gezinti a { font-size: 13px; letter-spacing: .06em; white-space: nowrap; }
  .gezinti__ok {
    display: flex; flex: none; align-items: center; justify-content: center; width: 30px; padding: 0;
    border: 0; background: none; color: var(--kirmizi); cursor: pointer; transition: color .2s ease;
    -webkit-tap-highlight-color: transparent;
  }
  .gezinti__ok svg { fill: currentColor; width: 11px; height: 13px; }
  .gezinti__ok--sol svg { transform: scaleX(-1); }
  .gezinti__ok.soluk { color: var(--cetvel); cursor: default; }
  /* Yapışkan gezinti çapa hedeflerini örtmesin (#plansiz, .bolge, SSS…). */
  html { scroll-padding-top: 56px; }
  /* Dar ekranda bant tek satır, altı eşit hücre: ad üstte, saat altta; başlık yalnız ekran okuyucuya (aria-label). */
  .vakit-bandi .kap { min-height: 0; padding-block: 6px; padding-inline: 8px; }
  .vakit-bandi__baslik { display: none; }
  .vakit-serit { flex: 1 1 auto; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; text-align: center; }
  .vakit-serit div { display: block; }
  .vakit-serit div + div { border-left: 1px solid var(--cetvel); }
  .vakit-serit dt { font-size: 10px; letter-spacing: .04em; margin-bottom: 1px; }
  .vakit-serit dd { font-size: 14.5px; }
  /* Gömme harf YALNIZ harfle başlayan yazılarda. Sayıyla başlayan metinde
   "2026" -> "2" + "026" diye bölünüyordu; bu projede sayının görsel olarak
   bile bozulması kabul edilemez. Sınıf PHP'de veriliyor. */
.yazi__govde.gomme > p:first-of-type::first-letter { font-size: 3.2em; }
}

/* /deprem/ (sahip kararı 2026-09-27): üstte İstanbul çevresi, "Tüm Türkiye" düğmesi aşağıdaki ülke listesine iner.
   İlk tablo tüm Türkiye SANILMAMALI: her bölgenin etiket bandı + çerçevesi var; düğme sekmelerden ayrışır. */
.gorunmez {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.deprem-git { align-items: center; }
.alt-baglantilar a.dgm-turkiye {
  display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 8px 18px 8px 14px;
  font-size: 15px; font-weight: 700; letter-spacing: .02em; color: var(--kagit);
  background: var(--kirmizi); border: 1px solid var(--kirmizi-koyu); border-radius: 6px;
  box-shadow: 0 3px 0 var(--kirmizi-koyu), 0 6px 14px rgba(164, 24, 29, .28);
  cursor: pointer; transition: transform .08s ease, box-shadow .08s ease, background-color .12s ease;
}
.alt-baglantilar a.dgm-turkiye:hover { background: var(--kirmizi-koyu); color: var(--kagit); border-color: var(--kirmizi-koyu); }
.alt-baglantilar a.dgm-turkiye:active { transform: translateY(3px); box-shadow: 0 0 0 var(--kirmizi-koyu), 0 2px 6px rgba(164, 24, 29, .25); }
.alt-baglantilar a.dgm-turkiye:focus-visible { outline: 3px solid var(--bogaz); outline-offset: 3px; }
.dgm-turkiye__sayi {
  font-weight: 500; font-size: 12.5px; letter-spacing: .03em;
  padding-left: 10px; border-left: 1px solid rgba(255, 255, 255, .5);
}
.dgm-turkiye__ok { flex: none; }
@media (prefers-reduced-motion: no-preference) {
  html:has(main.deprem) { scroll-behavior: smooth; }
  .dgm-turkiye__ok { animation: dgm-turkiye-in 1.4s ease-in-out 4; }
}
@keyframes dgm-turkiye-in { 0%, 100% { transform: translateY(-2px); } 50% { transform: translateY(3px); } }
@media (max-width: 560px) {
  .alt-baglantilar a.dgm-turkiye { flex: 1 0 100%; justify-content: center; }
}

.bolge { margin: 8px 0 34px; scroll-margin-top: 12px; }
.bolge__bas {
  background: var(--kagit-krem); border: 1px solid var(--cetvel); border-bottom: 0;
  padding: 12px 16px 10px; border-top: 5px solid var(--kirmizi);
}
.bolge--turkiye .bolge__bas { border-top-color: var(--murekkep); }
.bolge__etiket {
  display: inline-block; margin: 0 0 6px; padding: 2px 8px;
  font-family: var(--grotesk); font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--kagit); background: var(--kirmizi);
}
.bolge--turkiye .bolge__etiket { background: var(--murekkep); }
.bolge__bas h2 { font-size: clamp(21px, 2.6vw, 26px); line-height: 1.2; margin: 0 0 4px; font-weight: 700; }
.bolge__alt { margin: 0; font-family: var(--grotesk); font-size: 13px; letter-spacing: .03em; color: var(--murekkep-2); }
.tablo-kaydir { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--cetvel); border-top: 0; }
.tablo-kaydir table { margin: 0; }
.sut-km { white-space: nowrap; }
.t-derinlik { display: none; font-weight: 400; font-size: 12.5px; color: var(--murekkep-3); white-space: nowrap; }
thead .t-derinlik { font-size: inherit; color: inherit; }
.bolge .yok { border: 1px solid var(--cetvel); border-top: 0; margin: 0; }
.bolge .kaynak { margin-top: 12px; }
.veri-ozet[id], .sss[id] { scroll-margin-top: 12px; }
@media (max-width: 560px) {
  .bolge__bas { padding: 10px 12px 8px; }
  .bolge table { font-size: 14.5px; }
  .bolge thead th { font-size: 10px; letter-spacing: 0; padding: 7px 4px; }
  .bolge tbody td { padding: 8px 4px; }
  .bolge tbody td:first-child { font-size: 13.5px; }
  .bolge .t-yil, .bolge .t-sn, .bolge .sut-derinlik { display: none; }
  .bolge .t-gun, .bolge .t-saat { display: block; white-space: nowrap; }
  .bolge .t-derinlik { display: block; }
  /* Sabit düzen: tarih/büyüklük/uzaklık dar ve sabit, kalan Yer'in. Otomatik düzende tek kelimelik uzun yer adı
     ("MUSTAFAKEMALPASA", 153 px) tabloyu 320-360 px'te kaba sığmaz yapıyordu (ölçüldü). */
  .bolge table { table-layout: fixed; }
  .bolge thead th:nth-child(1) { width: 52px; }
  .bolge thead th:nth-child(2) { width: 62px; }
  .bolge--istanbul thead th:nth-child(5) { width: 54px; }
  .bolge tbody td { overflow-wrap: anywhere; }
}

/* WB-0140 — veri blokları (kurum arşivi girişi, kesinti tarihçesi, ilçe özeti, hat künyesi). */
.veri-ozet { margin: 34px 0 0; }
.veri-ozet h3 { font-size: 18px; margin: 18px 0 8px; }
.veri-ozet table { margin-top: 8px; }
.mahalle-listesi { list-style: none; padding: 0; margin: 0 0 14px; columns: 3 170px; column-gap: 26px; font-size: 15.5px; }
.mahalle-listesi li { break-inside: avoid; padding: 2px 0; }
.mahalle-listesi .not, .kurum-baglanti { font-family: var(--grotesk); font-size: 13px; color: var(--murekkep-3); }
.kurum-baglanti { padding-left: 1.1em; }
.durak-listesi { margin: 6px 0 12px; padding-left: 2.2em; columns: 2 240px; column-gap: 30px; font-size: 15.5px; }
.durak-listesi li { break-inside: avoid; padding: 1px 0; }
.veri-ozet details { margin: 0 0 10px; border-top: 1px solid var(--cetvel); padding-top: 8px; }
.veri-ozet summary { cursor: pointer; font-weight: 700; }
.sefer-saatleri { font-family: var(--grotesk); font-size: 14px; line-height: 1.8; font-variant-numeric: tabular-nums; }
.kurum-metni blockquote { margin: 0 0 12px; padding: 2px 0 2px 16px; border-left: 3px solid var(--cetvel-kalin); color: var(--murekkep-2); }

/* WB-0295 — İstanbul geneli kesinti sayfası (/su-kesintisi/, /elektrik-kesintisi/) + ilçe seçici (ilçe kesinti sayfasında da). */
.kesinti-ozet { font-size: 17px; margin: 0 0 10px; }
.kesinti-kapsam { font-size: 15.5px; color: var(--murekkep-2); margin: 0 0 10px; }
.kesinti-secici {
  background: var(--kagit-krem); border: 1px solid var(--cetvel); border-top: 3px solid var(--kirmizi);
  padding: 12px 16px 14px; margin: 12px 0 28px; max-width: var(--olcu-dar);
}
.kesinti-secici label {
  display: block; margin: 0 0 7px; font-family: var(--grotesk); font-size: 12px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--murekkep);
}
.kesinti-secici__satir { display: flex; gap: 8px; flex-wrap: wrap; }
.kesinti-secici select {
  flex: 1 1 220px; min-width: 0; min-height: 44px; padding: 6px 10px; font-family: var(--grotesk); font-size: 16px;
  color: var(--murekkep); background: var(--kagit); border: 1px solid var(--murekkep-3); border-radius: 4px;
}
.kesinti-secici button {
  min-height: 44px; padding: 6px 22px; font-family: var(--grotesk); font-size: 14px; font-weight: 700; letter-spacing: .04em;
  color: var(--kagit); background: var(--kirmizi); border: 1px solid var(--kirmizi-koyu); border-radius: 4px; cursor: pointer;
}
.kesinti-secici button:hover { background: var(--kirmizi-koyu); }
.kesinti-secici select:focus-visible, .kesinti-secici button:focus-visible { outline: 3px solid var(--bogaz); outline-offset: 2px; }
.kesinti-ilce { margin: 0 0 26px; scroll-margin-top: 12px; }
.kesinti-ilce h3 { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; font-size: 22px; line-height: 1.25; margin: 0 0 6px; }
.kesinti-ilce h3 a { color: inherit; text-decoration: none; }
.kesinti-ilce h3 a:hover { color: var(--kirmizi); text-decoration: underline; }
.kesinti-ilce__sayi {
  font-family: var(--grotesk); font-size: 12px; font-weight: 600; letter-spacing: .08em;
  text-transform: uppercase; color: var(--murekkep-3);
}
.kesinti-ilce__ayrinti { font-family: var(--grotesk); font-size: 14px; margin: -4px 0 0; }
.kesinti-ilce-liste { list-style: none; padding: 0; margin: 0 0 14px; columns: 3 200px; column-gap: 28px; font-size: 16px; }
.kesinti-ilce-liste li { break-inside: avoid; display: flex; justify-content: space-between; gap: 10px; padding: 5px 0; border-bottom: 1px dotted var(--cetvel); }
.kesinti-ilce-liste .not { font-family: var(--grotesk); font-size: 13px; color: var(--murekkep-3); white-space: nowrap; }
.kesinti-ilce-liste .not.var { color: var(--kirmizi-koyu); font-weight: 600; }
@media (max-width: 560px) {
  .kesinti-hub table { font-size: 14.5px; }
  .kesinti-hub thead th { padding: 7px 5px; letter-spacing: .04em; }
  .kesinti-hub tbody td { padding: 8px 5px; overflow-wrap: anywhere; }
}

/* Oturum açıkken WP yönetim çubuğu 601–880 px'te sabittir; yapışkan gezinti onun altına oturur. */
@media (max-width: 880px) { .admin-bar .gezinti { top: 32px; } }
@media (max-width: 782px) { .admin-bar .gezinti { top: 46px; } }
@media (max-width: 600px) { .admin-bar .gezinti { top: 0; } }

/* ---------- "Uygulamayı yükle" bandı (assets/yukle.js, yalnız mobil) ----------
   Çerez bandının (z 99999) ve tam ekran eczane haritasının (z 1000) ALTINDA durur. */
.yukle-bant {
  position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); z-index: 900;
  max-width: 560px; margin-inline: auto;
  display: flex; align-items: center; gap: 12px; padding: 10px 8px 10px 12px;
  background: var(--kagit); color: var(--murekkep); border: 1px solid var(--cetvel); border-top: 3px solid var(--kirmizi);
  border-radius: 10px; box-shadow: 0 10px 30px rgba(23, 19, 14, .20);
  font-family: var(--grotesk); font-size: 14px; line-height: 1.35;
}
.yukle-bant[hidden] { display: none; }
.yukle-bant__ikon { flex: none; width: 44px; height: 44px; border-radius: 10px; }
.yukle-bant__metin { flex: 1 1 auto; min-width: 0; }
.yukle-bant__metin strong { display: block; font-size: 15px; }
.yukle-bant__metin span { color: var(--murekkep-2); font-size: 13px; }
.yukle-bant__paylas { display: inline-block; width: 13px; height: 15px; vertical-align: -2px; fill: none; stroke: var(--bogaz); stroke-width: 1.6; }
.yukle-bant__dgm {
  flex: none; min-height: 40px; padding: 0 16px; border: 0; border-radius: 6px;
  background: var(--kirmizi); color: var(--kagit); font: 700 14px/1 var(--grotesk); letter-spacing: .02em; cursor: pointer;
}
.yukle-bant__dgm:hover { background: var(--kirmizi-koyu); }
.yukle-bant__kapat {
  flex: none; align-self: flex-start; width: 32px; height: 32px; margin: -4px 0 0 -4px; padding: 0;
  border: 0; background: none; color: var(--murekkep-3); font-size: 22px; line-height: 1; cursor: pointer;
}
.yukle-bant button:focus-visible { outline: 3px solid var(--bogaz); outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference) {
  .yukle-bant { animation: yukle-bant-gir .28s ease-out; }
}
@keyframes yukle-bant-gir { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }

@media print {
  .yukle-bant { display: none; }
  .ust-serit, .gezinti, .alt, .ilce-serit { display: none; }
  body { font-size: 11pt; }
}

/* ---------- Trafiğe kapalı yollar + yol araması (WB-0293) ---------- */
.yol-ara { background: var(--kagit-krem); border: 1px solid var(--cetvel); padding: 16px; margin: 18px 0 22px; }
.yol-ara label {
  display: block; font-family: var(--grotesk); font-size: 12.5px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; margin: 0 0 8px;
}
.yol-ara__satir { display: flex; gap: 8px; }
.yol-ara input {
  flex: 1; min-width: 0; font: inherit; font-size: 17px; padding: 10px 12px;
  border: 1px solid var(--murekkep-3); border-radius: 0; background: var(--kagit); color: var(--murekkep);
}
.yol-ara input:focus { outline: 2px solid var(--bogaz); outline-offset: 1px; }
.yol-ara button {
  font-family: var(--grotesk); font-weight: 700; font-size: 15px; letter-spacing: .04em;
  padding: 10px 20px; background: var(--murekkep); color: var(--kagit); border: 0; border-radius: 0; cursor: pointer;
}
.yol-ara button:hover { background: var(--kirmizi-koyu); }
.yol-sonuc { border-left: 4px solid var(--murekkep-3); padding: 10px 0 10px 16px; margin: 0 0 30px; }
.yol-sonuc--kapali { border-left-color: var(--kirmizi); }
.yol-sonuc--kismi { border-left-color: var(--amber); }
.yol-sonuc--acik { border-left-color: var(--yesil); }
.yol-sonuc__hukum { font-family: var(--grotesk); font-weight: 700; font-size: 21px; margin: 0 0 4px; }
.yol-sonuc--kapali .yol-sonuc__hukum { color: var(--kirmizi); }
.yol-sonuc--kismi .yol-sonuc__hukum { color: var(--amber); }
.yol-sonuc--acik .yol-sonuc__hukum { color: var(--yesil); }
.yol-sonuc p { margin: 0 0 8px; }
.yol-sonuc__an { display: block; font-family: var(--grotesk); font-size: 13px; color: var(--murekkep-3); }
.yol-sonuc__plan { font-weight: 700; margin-top: 14px; }
.yol-sonuc__yerler { margin-top: 12px; font-size: 16px; }
.yol-sonuc__yerler summary { cursor: pointer; font-family: var(--grotesk); font-size: 14px; }
.yol-oneriler { list-style: none; padding: 0; }
.kapanma-bolum { margin: 0 0 34px; }
.kapanma-listesi { list-style: none; margin: 0; padding: 0; }
.kapanma { padding: 14px 0; border-bottom: 1px solid var(--cetvel); }
.kapanma__ust { margin: 0 0 6px; font-family: var(--grotesk); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.kapanma__rozet { font-weight: 700; color: var(--kagit); background: var(--kirmizi); padding: 2px 7px; }
.kapanma--kismi .kapanma__rozet { background: var(--amber); }
.kapanma__sebep { color: var(--murekkep-2); margin-left: 6px; }
.kapanma__yol { font-size: 20px; line-height: 1.25; margin: 2px 0 2px; }
.kapanma__yer { font-family: var(--grotesk); font-size: 13px; color: var(--murekkep-3); margin: 0 0 6px; }
.kapanma__metin { font-size: 16px; color: var(--murekkep-2); margin: 0 0 6px; }
.kapanma__zaman { font-family: var(--grotesk); font-size: 13px; color: var(--murekkep-2); margin: 0; }
.kapanma__zaman span + span::before { content: " · "; }
.kapanma__haber { margin: 6px 0 0; font-size: 15px; }
.plan-gun { font-family: var(--grotesk); font-size: 14px; font-weight: 700; letter-spacing: .04em; margin: 16px 0 2px; }
.ilce-kapanma { list-style: none; padding: 0; }
.kapanma-ilgili { font-size: 16px; margin: 0 0 10px; }
@media (max-width: 560px) {
  .yol-ara__satir { flex-direction: column; }
  .yol-ara button { width: 100%; }
  .kapanma__yol { font-size: 18px; }
}

/* ---------- /ulasim/ merkez (WB-0294) ---------- */
.hat-duyuru { border-bottom: 1px solid var(--cetvel); }
.hat-duyuru summary {
  cursor: pointer; padding: 10px 0; display: flex; gap: 8px; align-items: baseline; list-style: none;
  font-size: 16px;
}
.hat-duyuru summary::-webkit-details-marker { display: none; }
.hat-duyuru summary::before { content: "+"; font-family: var(--grotesk); font-weight: 700; width: 14px; color: var(--kirmizi-koyu); }
.hat-duyuru[open] summary::before { content: "–"; }
.hat-duyuru summary .tumu { margin-left: auto; font-family: var(--grotesk); font-size: 12px; color: var(--murekkep-3); text-transform: uppercase; letter-spacing: .06em; }
.hat-duyuru .duyuru-listesi { margin: 0 0 8px 22px; }
.hat-sayfa { margin: 0 0 12px 22px; font-size: 15px; }
.duyuru-metin { margin: 4px 0 0; font-size: 15.5px; color: var(--murekkep-2); }
.ulasim .hat-blok { margin: 0 0 34px; }


/* ---------- Site içi arama: gezintideki düğme + açılır panel + sonuç sayfası ---------- */
/* Masaüstünde düğme gezinti çubuğunun sağında; solundaki eş genişlikte boşluk menüyü ortada tutar. Dar ekranda
   (yapışkan, oklu, kayan menü) sağ okun yanında sabit — sayfa kaydıkça da görünür kalır. */
/* `.gezinti a` (menü bağlantısı) kuralını ezmek için iki sınıflı seçici. */
.gezinti .ara-dugme {
  flex: none; width: 88px; height: 34px; padding: 0; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  font-family: var(--grotesk); font-size: 13px; font-weight: 700; letter-spacing: .085em; text-transform: uppercase;
  color: var(--kagit); background: var(--murekkep); border: 0; border-radius: 17px; text-decoration: none;
  transition: background-color .12s ease;
}
.gezinti .ara-dugme:hover { background: var(--kirmizi); color: var(--kagit); }
.gezinti .ara-dugme:focus-visible { outline: 3px solid var(--bogaz); outline-offset: 2px; }
.ara-dugme__ikon { flex: none; }
@media (min-width: 881px) {
  .gezinti .kap { display: flex; align-items: center; gap: 14px; }
  .gezinti .kap::before { content: ""; flex: none; width: 88px; }
  .gezinti ul { flex: 1 1 auto; min-width: 0; }
}
@media (max-width: 880px) {
  .gezinti .ara-dugme { width: auto; height: 32px; align-self: center; margin: 0 8px 0 2px; padding: 0 12px 0 10px; }
}

html.ara-acik { overflow: hidden; }
.ara-kat {
  /* Çerez bandının (99999) üstünde: arama açıkken sonuçların altını örtmesin; kapanınca bant yerinde. */
  position: fixed; inset: 0; z-index: 100001; display: flex; justify-content: center; align-items: flex-start;
  padding: 8vh 16px 16px; background: rgba(23, 19, 14, .55);
}
.ara-kat[hidden] { display: none; }
.ara-panel {
  width: 100%; max-width: 720px; max-height: 84vh; display: flex; flex-direction: column;
  background: var(--kagit); border-top: 4px solid var(--kirmizi); box-shadow: 0 18px 50px rgba(0, 0, 0, .3);
}
.ara-form { display: flex; align-items: center; gap: 10px; padding: 10px 14px 10px 16px; border-bottom: 1px solid var(--cetvel); }
.ara-form__ikon {
  flex: none; width: 22px; height: 22px;
  background: no-repeat center / 22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%237d736a' stroke-width='2.2'/%3E%3Cpath d='M15.6 15.6 21 21' stroke='%237d736a' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
.ara-form__kutu {
  flex: 1; min-width: 0; padding: 10px 0; border: 0; border-radius: 0; outline: 0; background: transparent;
  font-family: var(--seri); font-size: 20px; line-height: 1.3; color: var(--murekkep);
  -webkit-appearance: none; appearance: none;
}
.ara-form__kutu::placeholder { color: var(--murekkep-3); }
.ara-form__kapat {
  flex: none; padding: 8px 11px; border: 0; border-radius: 4px; cursor: pointer;
  font-family: var(--grotesk); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--murekkep-2); background: var(--kagit-gri);
}
.ara-form__kapat:hover { color: var(--kirmizi); }
.ara-form__kapat:focus-visible { outline: 2px solid var(--bogaz); outline-offset: 1px; }
.ara-govde { overflow-y: auto; overscroll-behavior: contain; padding: 4px 0 14px; }
.ara-durum { margin: 0; padding: 14px 18px 4px; font-family: var(--grotesk); font-size: 14px; color: var(--murekkep-2); }
.ara-durum:empty { display: none; }
.ara-liste { list-style: none; margin: 0; padding: 0; }
.ara-oge a {
  display: grid; grid-template-columns: 96px minmax(0, 1fr); column-gap: 12px; row-gap: 2px;
  padding: 10px 18px 10px 15px; border-left: 3px solid transparent; color: var(--murekkep); text-decoration: none;
}
.ara-oge__etiket {
  grid-row: span 2; align-self: start; padding-top: 4px;
  font-family: var(--grotesk); font-size: 10.5px; font-weight: 700; letter-spacing: .12em; line-height: 1.4;
  text-transform: uppercase; color: var(--kirmizi);
}
.ara-oge--yazi .ara-oge__etiket { color: var(--murekkep-3); }
.ara-oge__baslik { font-size: 17px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.ara-oge__baslik mark { color: inherit; background: none; box-shadow: inset 0 -.4em 0 rgba(164, 24, 29, .2); }
.ara-oge__alt { font-family: var(--grotesk); font-size: 13px; line-height: 1.4; color: var(--murekkep-3); }
.ara-oge[aria-selected="true"] a { background: var(--kagit-krem); border-left-color: var(--kirmizi); }
.ara-oge--sayfa + .ara-oge--yazi { border-top: 1px solid var(--cetvel); margin-top: 4px; padding-top: 4px; }
.ara-tumu {
  display: block; margin: 8px 18px 0; padding-top: 10px; border-top: 1px solid var(--cetvel);
  font-family: var(--grotesk); font-size: 14px; font-weight: 700;
}
.ara-tumu[hidden], .ara-oneri[hidden] { display: none; }
.ara-oneri { padding: 12px 18px 2px; }
.ara-oneri__baslik {
  margin: 0 0 10px; font-family: var(--grotesk); font-size: 11px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: var(--murekkep-3);
}
.ara-hizli { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ara-hizli a {
  display: inline-block; padding: 7px 13px; border: 1px solid var(--cetvel); border-radius: 17px;
  font-family: var(--grotesk); font-size: 14px; color: var(--murekkep); text-decoration: none;
}
.ara-hizli a:hover { border-color: var(--kirmizi); color: var(--kirmizi); }
@media (max-width: 700px) {
  /* Telefonda tam ekran: klavye açıkken sonuçlar kutunun hemen altında, sayfa arkada kaymaz. */
  .ara-kat { padding: 0; background: var(--kagit); }
  .ara-panel { max-width: none; max-height: none; height: 100%; height: 100dvh; border-top-width: 3px; box-shadow: none; }
  .ara-form { padding: 6px 10px 6px 14px; }
  .ara-form__kutu { font-size: 18px; }
  .ara-oge a { grid-template-columns: minmax(0, 1fr); padding: 10px 16px 10px 13px; }
  .ara-oge__etiket { grid-row: auto; padding-top: 0; }
  .ara-oge__baslik { font-size: 16.5px; }
}

.ara-sayfa { margin: 28px 0 40px; max-width: 820px; }
.ara-sayfa__form { display: flex; gap: 8px; margin: 0 0 12px; }
.ara-sayfa__form input {
  flex: 1; min-width: 0; font: inherit; font-size: 18px; padding: 11px 13px;
  border: 1px solid var(--murekkep-3); border-radius: 0; background: var(--kagit); color: var(--murekkep);
}
.ara-sayfa__form input:focus { outline: 2px solid var(--bogaz); outline-offset: 1px; }
.ara-sayfa__form button {
  font-family: var(--grotesk); font-weight: 700; font-size: 15px; letter-spacing: .04em;
  padding: 10px 22px; background: var(--murekkep); color: var(--kagit); border: 0; border-radius: 0; cursor: pointer;
}
.ara-sayfa__sayi { margin: 0 0 8px; font-family: var(--grotesk); font-size: 13px; color: var(--murekkep-3); }
.ara-sayfa__sayi:empty { display: none; }
.ara-liste--sayfa { border-top: 3px solid var(--cetvel-kalin); }
.ara-liste--sayfa .ara-oge { border-bottom: 1px solid var(--cetvel); }
.ara-liste--sayfa .ara-oge--sayfa + .ara-oge--yazi { margin-top: 0; padding-top: 0; }
.ara-liste--sayfa .ara-oge a { padding-left: 0; border-left: 0; }
.ara-liste--sayfa .ara-oge a:hover .ara-oge__baslik { color: var(--kirmizi); }
.ara-sayfa .ara-hizli { margin-top: 12px; }

/* ---------- Gün gün kesinti takvimi (sahip isteği 2026-09-28) ----------
   Elektrik kesintisi sayfalarının İLK tablosu: bugünden başlar, gün ara başlığıyla aşağı doğru sürer.
   Dar ekranda satır kart gibi dizilir (5 sütun 360 px'e sığmaz): saat + ilçe üstte, mahalle, sonra etiketli sebep/abone. */
.kesinti-takvim { font-size: 15.5px; }
.kesinti-takvim tbody tr.kesinti-takvim__gun { background: none; }
.kesinti-takvim__gun th {
  text-align: left; font-family: var(--grotesk); font-size: 14px; font-weight: 700; letter-spacing: .02em;
  color: var(--murekkep); padding: 18px 10px 6px; border-bottom: 2px solid var(--kirmizi);
}
.kesinti-takvim tbody:first-of-type .kesinti-takvim__gun th { padding-top: 10px; }
.kesinti-takvim__gun th span { font-weight: 400; color: var(--murekkep-3); margin-left: 6px; }
.kesinti-takvim .kt-saat { white-space: nowrap; font-variant-numeric: tabular-nums; }
.kesinti-takvim .kt-ilce a { color: inherit; font-weight: 600; }
.kesinti-takvim tr.gecti td { color: var(--murekkep-3); }
.kesinti-takvim .not { display: block; font-family: var(--grotesk); font-size: 12px; color: var(--murekkep-3); white-space: normal; }
p.not { font-family: var(--grotesk); font-size: 13px; color: var(--murekkep-3); margin: 6px 0 0; }
@media (max-width: 560px) {
  .kesinti-takvim thead { display: none; }
  .kesinti-takvim, .kesinti-takvim tbody, .kesinti-takvim tr, .kesinti-takvim th, .kesinti-takvim td { display: block; }
  .kesinti-takvim { font-size: 15px; }
  .kesinti-takvim tbody tr { padding: 9px 2px; border-bottom: 1px solid var(--cetvel); }
  .kesinti-takvim tbody tr.kesinti-takvim__gun { padding: 0; border: 0; }
  .kesinti-takvim__gun th { padding: 16px 2px 6px; }
  .kesinti-takvim tbody td { border: 0; padding: 1px 0; overflow-wrap: anywhere; }
  .kesinti-takvim .kt-saat, .kesinti-takvim .kt-ilce { display: inline-block; font-weight: 700; }
  .kesinti-takvim .kt-ilce { margin-left: 8px; }
  .kesinti-takvim .kt-sebep, .kesinti-takvim .kt-abone { font-size: 13.5px; color: var(--murekkep-2); }
  .kesinti-takvim .kt-sebep::before, .kesinti-takvim .kt-abone::before {
    content: attr(data-e) ": "; font-family: var(--grotesk); font-size: 12px; color: var(--murekkep-3);
  }
  .kesinti-takvim td.bos { display: none; }
}