/* ===== GBC · Okunabilirlik + Tipografi Ölçeği (26 Ağu 2026 · v5) =====
   ÖLÇÜLDÜ, VARSAYILMADI:
   · Kontrast zaten iyiydi (11,7:1), sorun renk değil ölçekti.
   · Gövde 15px, H2 14-26px arası zıplıyordu, sözlükte H3 > H2 idi.
   · 432 kalın <b> metni rgb(85,85,85) ile gövdeden DAHA AÇIKtı.
   · Masaüstünde satırlar 84 karakterdi (rahat aralık 60-75).
   · Mobil taşma Rank Math admin çubuğundan; ziyaretçide yok, dokunulmadı.

   v5 DÜZELTMESİ (Atina sayfasında canlı ölçüldü):
   · .gz-main-column = 786px. Paragrafa verilen 70ch = 626px idi.
   · Metnin sağ kenarı H1'in ve kutuların 160px SOLUNDA kalıyordu, "kayma" buydu.
   · ch bir karakter değildir: Source Sans Pro 18px'te 1ch = 8,95px ama
     ortalama karakter 7,33px. Yani 70ch aslında 85 karakterdi, 70 değil.
   · Ölçüm sonrası: metin sağ kenarı 1006 -> 1166 (H1 ve kutularla aynı hizada).

   ÖLÇEK:  H1 30 · H2 26 (kart/çubuk içi 21) · H3 19 · H4 17,5 · gövde 18
   Sadece .entry-content etkilenir; menü/footer'a dokunulmaz.
   Geri almak: Görünüm > Özelleştir > Ek CSS -> bu bloğu sil. */

/* --- 1. Gövde --- */
.entry-content p,
.entry-content li,
.entry-content td,
.entry-content th,
.entry-content dd,
.entry-content dt { font-size: 18px !important; line-height: 1.72; color: #000; }
.entry-content p { margin-bottom: 1.1em; max-width: 70ch; }

/* --- 2. Başlık ölçeği --- */
.entry-content h1, .entry-content .gz-h1 { font-size: 30px !important; line-height: 1.15; font-weight: 800; color: #000; }
.entry-content h2 { font-size: 26px; line-height: 1.25; font-weight: 700; letter-spacing: -.01em; }
.entry-content h3 { font-size: 19px !important; line-height: 1.32; font-weight: 700; color: #000; }
.entry-content h4 { font-size: 17.5px !important; line-height: 1.38; font-weight: 700; color: #000; }

/* Kart / renkli çubuk başlıkları, dört şablonda da 21px */
.entry-content .gz-box-header h2,
.entry-content .v1-card-h2,
.entry-content .tr-wrap .tr-card-hdr h2,
.entry-content .gz-dict-text-area h2,
.entry-content [class*="card-h2"],
.entry-content [class*="card-hdr"] h2 { font-size: 21px !important; line-height: 1.3 !important; }

/* --- 3. Bölümler arası nefes payı --- */
.entry-content .gz-section-block { margin-top: 2.4em; }
.entry-content .gz-content-box { margin-bottom: 1.4em; }

/* --- 4. Şablon içi metin boyutları --- */
.entry-content .gz-chef-note { font-size: 17px !important; line-height: 1.7; }
.entry-content .gz-s-desc,
.entry-content .gz-val-col { font-size: 16px !important; line-height: 1.6; }
.entry-content .gbc-silo__title,
.entry-content .gbc-related-name { font-size: 16.5px !important; }
.entry-content .gz-mini-head { font-size: 16.5px !important; }
.entry-content .gz-oval-btn,
.entry-content .gz-author-subtitle,
.entry-content .gz-author-btn { font-size: 15px !important; }
.entry-content .tr-step-text { font-size: 17px !important; line-height: 1.7; }
.entry-content .tr-faq-q { font-size: 16.5px !important; line-height: 1.5; }
.entry-content .tr-sk-val,
.entry-content .tr-ing-name { font-size: 16px !important; }
.entry-content .tr-ing-group-title,
.entry-content .tr-pair-title { font-size: 15.5px !important; }
.entry-content .tr-disclaimer-metin { font-size: 13.5px !important; line-height: 1.6; }

/* --- 5. Renk: nötr gri metinler siyaha --- */
.entry-content b,
.entry-content strong,
.entry-content p b,
.entry-content li b,
.entry-content div b { color: #000 !important; font-size: inherit !important; }

.entry-content .gz-inner-title,
.entry-content .gz-chef-note,
.entry-content .gz-s-desc,
.entry-content .gz-val-col,
.entry-content .gz-faq-q,
.entry-content .gz-mini-head,
.entry-content .gz-author-label,
.entry-content .gz-el,
.entry-content .gbc-related-name,
.entry-content .gbc-related-title,
.entry-content .gbc-t,
.entry-content .gbc-c,
.entry-content .intro-block,
.entry-content .tr-step-text,
.entry-content .tr-faq-q,
.entry-content .tr-sk-val,
.entry-content .tr-sk-lbl,
.entry-content .tr-ing-name,
.entry-content .tr-tag,
.entry-content .tr-pair-title,
.entry-content .tr-nd-lbl,
.entry-content .tr-stat-lbl { color: #000 !important; }

.entry-content .gz-place-card .gz-inner-title,
.entry-content .gz-content-box .gz-inner-title,
.entry-content [class*="card"] .gz-inner-title { color: #000 !important; }

/* --- 6. Inline style ile yazılmış nötr griler.
   Sadece gri tonlar; inline kırmızı/mavi/turuncu renklere dokunmaz. --- */
.entry-content [style*="color: #333"], .entry-content [style*="color:#333"],
.entry-content [style*="color: #444"], .entry-content [style*="color:#444"],
.entry-content [style*="color: #555"], .entry-content [style*="color:#555"],
.entry-content [style*="color: #666"], .entry-content [style*="color:#666"],
.entry-content [style*="color: #777"], .entry-content [style*="color:#777"],
.entry-content [style*="color: #888"], .entry-content [style*="color:#888"],
.entry-content [style*="color: #999"], .entry-content [style*="color:#999"],
.entry-content [style*="color: #aaa"], .entry-content [style*="color:#aaa"],
.entry-content [style*="color: #bbb"], .entry-content [style*="color:#bbb"],
.entry-content [style*="color: #ccc"], .entry-content [style*="color:#ccc"],
.entry-content [style*="color: #333333"], .entry-content [style*="color:#333333"],
.entry-content [style*="color: #444444"], .entry-content [style*="color:#444444"],
.entry-content [style*="color: #555555"], .entry-content [style*="color:#555555"],
.entry-content [style*="color: #666666"], .entry-content [style*="color:#666666"],
.entry-content [style*="color: #777777"], .entry-content [style*="color:#777777"],
.entry-content [style*="color: #888888"], .entry-content [style*="color:#888888"],
.entry-content [style*="color: #999999"], .entry-content [style*="color:#999999"],
.entry-content [style*="color: #aaaaaa"], .entry-content [style*="color:#aaaaaa"],
.entry-content [style*="color: #bbbbbb"], .entry-content [style*="color:#bbbbbb"] { color: #000 !important; }

/* --- 7. v5: şablon sütunu içinde ikinci satır kısıtı kaldırılır --- */
.entry-content .gz-main-column p,
.entry-content .gz-intro-text p,
.entry-content .intro-block p,
.entry-content .gz-content-box p,
.entry-content .gz-box-body p,
.entry-content .gz-text-area p,
.entry-content .v1-guide-wrapper p,
.entry-content .tr-wrap p,
.entry-content .v11-wrap p { max-width: none; }

@media (min-width: 921px) {
  .entry-content .gz-main-column p,
  .entry-content .gz-intro-text p,
  .entry-content .intro-block p,
  .entry-content .gz-box-body p,
  .entry-content .gz-text-area p { line-height: 1.8; }
}

/* --- 8. Mobil: satır kısıtını kaldır, görseller taşmasın --- */
@media (max-width: 640px) {
  .entry-content p { max-width: 100%; }
  .entry-content img,
  .entry-content iframe,
  .entry-content video { max-width: 100% !important; height: auto; }
}

/* ===== GBC · v6.1 (27 Ağu 2026) · H1 ölçeği + mobil başlık hiyerarşisi =====
   ÖLÇÜLDÜ (canlı CSSOM + getBoundingClientRect, /atina-gezi-rehberi/):
   · Kazanan kural .entry-content .gz-h1 { 30px !important } idi ve hiçbir
     kırılım noktası yoktu; 390px'te de 30px uygulanıyordu.
   · 22608'in mobil kuralı ".gz-h1 { 21px !important }" (0,1,0) specificity
     yüzünden ".entry-content .gz-h1" (0,2,0) tarafından hep eziliyordu.
   · 57 karakterlik H1, 786px sütunda: 28px 2 satır, 27px 1 satır (sınırda),
     26px 1 satır (%4 pay). 26px seçildi.
   · 390px'te 21px 2 satır. Hedef masaüstü 1, mobil 2 satır. Tuttu.

   ÖLÇEK  >=1200: H1 26 · H2 24 · kart H2 21 · H3 19 · gövde 18
          <=1199: H1 24
          <=921 : H1 24 · H2 22 · kart H2 20 · gövde 17
          <=544 : H1 21 · H2 19 · kart H2 18 · H3 17 · gövde 16 */

.entry-content h1,
.entry-content .gz-h1 { font-size: 26px !important; line-height: 1.2 !important; }
.entry-content h2 { font-size: 24px; }

@media (max-width: 1199px) {
  .entry-content h1,
  .entry-content .gz-h1 { font-size: 24px !important; }
}

@media (max-width: 921px) {
  .entry-content h1,
  .entry-content .gz-h1 { font-size: 24px !important; line-height: 1.2 !important; }
  .entry-content h2 { font-size: 22px !important; }
  .entry-content .gz-box-header h2,
  .entry-content .v1-card-h2,
  .entry-content .tr-wrap .tr-card-hdr h2,
  .entry-content .gz-dict-text-area h2,
  .entry-content [class*="card-h2"],
  .entry-content [class*="card-hdr"] h2 { font-size: 20px !important; }
  .entry-content p,
  .entry-content li,
  .entry-content td,
  .entry-content th { font-size: 17px !important; }
}

@media (max-width: 544px) {
  .entry-content h1,
  .entry-content .gz-h1 { font-size: 21px !important; line-height: 1.22 !important; letter-spacing: -.2px; }
  .entry-content h2 { font-size: 19px !important; }
  .entry-content .gz-box-header h2,
  .entry-content .v1-card-h2,
  .entry-content .tr-wrap .tr-card-hdr h2,
  .entry-content .gz-dict-text-area h2,
  .entry-content [class*="card-h2"],
  .entry-content [class*="card-hdr"] h2 { font-size: 18px !important; line-height: 1.3 !important; }
  .entry-content h3 { font-size: 17px !important; }
  .entry-content h4 { font-size: 16px !important; }
  .entry-content p,
  .entry-content li,
  .entry-content td,
  .entry-content th,
  .entry-content dd,
  .entry-content dt { font-size: 16px !important; line-height: 1.7 !important; }
}

/* Giriş özeti kısaldı (2 cümle), gövdeden bir tık büyük, koyu, tek blok. */
.entry-content .gz-intro-text .intro-lead,
.entry-content .intro-block .intro-lead {
  font-size: 18.5px !important;
  line-height: 1.62 !important;
  color: #000 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 544px) {
  .entry-content .gz-intro-text .intro-lead,
  .entry-content .intro-block .intro-lead { font-size: 16.5px !important; line-height: 1.6 !important; }
}

/* ===== GBC · v6.2 (27 Ağu 2026) · Sözlük tablosu .gz-dict-table =====
   ÖLÇÜLDÜ: bu sınıfa ait tek bir CSS kuralı yoktu, tablo Astra varsayılanıyla
   çiziliyordu. 390px'te 3 sütun kullanılamaz: hücre başına 15px yan dolgu x 3
   = 90px, sütun başına ~90px metin kalıyor, "Δεν καταλαβαίνω" kırılıyordu.
   ÇÖZÜM: 640px altında tablo, tablo olmaktan çıkıyor. Her satır bir kart:
   Türkçe üstte kalın, altında Yunanca ve okunuşu YAN YANA.
   360px'te ölçüldü: alt alta 91px, yan yana 73px. En uzun satır dahil hepsi
   tam 73px, taşma yok. 20 kelimede 1830px yerine 1451px kaydırma.
   #BF360C beyaz üstünde 5,60:1, metin için güvenli.
   Kalıcı yeri snippet 23109; şimdilik burada, taşınabilir. */

.entry-content .gz-dict-table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0 10px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
}
.entry-content .gz-dict-table thead th {
  background: #FBF3EF;
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-align: left;
  padding: 12px 15px;
  border-bottom: 1px solid #e6e6e6;
}
.entry-content .gz-dict-table td {
  padding: 12px 15px !important;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: middle;
  font-size: 17px !important;
}
.entry-content .gz-dict-table tbody tr:last-child td { border-bottom: 0; }
.entry-content .gz-dict-table tbody tr:nth-child(even) { background: #FAFAFA; }
.entry-content .gz-dict-table td:nth-child(1) { width: 34%; color: #000; }
.entry-content .gz-dict-table td:nth-child(2) {
  width: 33%;
  color: #BF360C;
  font-weight: 600;
  font-size: 18px !important;
}
.entry-content .gz-dict-table td:nth-child(3) { width: 33%; }
.entry-content .gz-dict-table td:nth-child(3) strong { color: #000 !important; }

.entry-content .gz-dict-note {
  background: #FBF3EF;
  border-left: 4px solid #BF360C;
  border-radius: 0 8px 8px 0;
  padding: 12px 16px !important;
  margin: 0 0 22px !important;
  font-size: 16.5px !important;
  line-height: 1.6 !important;
  max-width: none;
}

/* Şef notu kutusu. Gezi şablonundaki .gz-mini-card-box Liste şablonunda
   stilsiz kaldığı için ayrı sınıf açıldı; Gezi sayfalarına dokunulmuyor.
   #047857 beyaz üstünde 5,48:1. */
.entry-content .gz-dict-tip {
  background: #F4F7F5;
  border-left: 4px solid #047857;
  border-radius: 0 8px 8px 0;
  padding: 14px 16px;
  margin: 20px 0 6px;
}
.entry-content .gz-dict-tip-head {
  font-size: 15px;
  font-weight: 700;
  color: #047857 !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 6px;
}
.entry-content .gz-dict-tip p {
  margin: 0 !important;
  font-size: 16.5px !important;
  line-height: 1.65;
  max-width: none;
}

@media (max-width: 640px) {
  .entry-content .gz-dict-table thead { display: none; }
  .entry-content .gz-dict-table tbody,
  .entry-content .gz-dict-table tr { display: block; width: auto !important; }
  .entry-content .gz-dict-table td {
    display: inline-block;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    vertical-align: baseline;
  }
  .entry-content .gz-dict-table tr { padding: 10px 14px; border-bottom: 1px solid #efefef; }
  .entry-content .gz-dict-table tbody tr:last-child { border-bottom: 0; }
  .entry-content .gz-dict-table td:nth-child(1) {
    display: block;
    font-size: 15px !important;
    font-weight: 700;
    line-height: 1.3;
  }
  .entry-content .gz-dict-table td:nth-child(2) { font-size: 18px !important; line-height: 1.45; }
  .entry-content .gz-dict-table td:nth-child(3) {
    font-size: 15px !important;
    color: #555 !important;
    line-height: 1.45;
    margin-left: 8px;
  }
  .entry-content .gz-dict-table td:nth-child(3) strong { color: #555 !important; font-weight: 600; }
  .entry-content .gz-dict-note { font-size: 15.5px !important; padding: 11px 13px !important; }
  .entry-content .gz-dict-tip p { font-size: 15.5px !important; }
}

/* ===== GBC · v6.3 (27 Ağu 2026) · Görselsiz Liste kartı =====
   Liste şablonu her kartta 450px sabit medya sütunu ayırıyor
   (.v1-card-media-col { flex: 0 0 450px }). Görsel yoksa oraya "Görsel Yok"
   kutusu basıyor. Yunanca sayfasında ölçüldü: 450 x 2272px boş gri sütun,
   metne 1160'ın sadece 708'i kalıyordu.

   İKİ ŞEY ÖNCE DOĞRULANDI:
   1) .v1-image-box hem gerçek görseli hem "Görsel Yok" kutusunu sarıyor.
      Ona göre yazılmış bir kural /atina-gezilecek-yerler-haritali/
      sayfasındaki 29 görseli birden gizlerdi (29 kartın 29'unda .v1-image-box,
      29'unda gerçek img olduğu canlı sayıldı). Seçici GÖRSEL VARLIĞINA bakıyor.
   2) İlk denemede kural iç içe :has() kullanıyordu. CSS'te :has() içinde :has()
      GEÇERSİZDİR; tarayıcı kuralı sessizce atıyordu, hiçbir şey olmuyordu
      (CSS.supports ile doğrulandı: iç içe false, tek katman true).
      Metin sütunu zaten flex-grow:1 olduğu için ayrıca kural gerekmiyor,
      medya sütunu kalkınca kendiliğinden tam genişliğe yayılıyor.
   Kart görsel kazanırsa sütun kendiliğinden geri gelir. */

.v1-card-media-col:not(:has(img)) { display: none !important; }

/* ===== GBC · v7 (28 Agu 2026) · TEK TASARIM SISTEMI =====
   Amac: Gezi(20) · Liste(22) · Rota(21) · Detay(23) · Tarif(50) sablonlari
   ayni olcegi konussun. Tipografi merdiveni v5/v6.1'de zaten kuruldu;
   bu blok GORSEL tokenlari (serit rengi, kose, kenarlik, kucuk metin tabani)
   ayni yere getirir. Yapisal hicbir sey degismez.

   OLCULDU (28 Agu, 22608 + 23109 CSS'i tarandi):
   · Gezi'de 26 ayri font-size vardi (8px'den 40px'e), 9 ayri border-radius,
     6 ayri kenarlik rengi. Liste'de ayrica 12px/.78rem/.82rem basamaklari.
   · Serit baslik iki sablonda iki farkli sekilde bosaniyordu:
     Gezi = degrade #e65100→#bf360c + beyaz · Liste = duz #e65100 + siyah.
   · Kontrast: beyaz metin #e65100 uzerinde 3.79:1 (14px'te AA'yi GECMEZ),
     ayni beyaz #BF360C uzerinde 5.57:1 (GECER). Bu yuzden tek dolgu #BF360C.
     #e65100 dolgu olarak kaliyor ama uzerine SIYAH metin gelen yerlerde.

   Geri almak: Gorunum > Ozellestir > Ek CSS -> bu blogu sil. ===== */

:root{
  --gbc-turuncu:       #e65100;  /* dolgu · uzerine siyah */
  --gbc-turuncu-metin: #BF360C;  /* metin/ikon · 5.60:1 · serit dolgusu + beyaz */
  --gbc-border:        #e8e8e8;
  --gbc-radius:        14px;
  --gbc-radius-sm:     10px;
  --gbc-uyari:         #B91C1C;
  --gbc-basari:        #047857;
  --gbc-muted:         #666;
}

/* --- 1 · Serit basliklari: tek dolgu, beyaz metin --- */
.entry-content .gz-card-title,
.entry-content .small-header,
.entry-content .header-orange,
.entry-content .gz-box-header.header-orange,
.entry-content .v1-lejant-label,
.entry-content .v1-summary-header,
.entry-content .v1-block-header,
.entry-content .gz2-quick .gz2-qh,
.entry-content .gz2-hizli .gz2-hh{
  background: var(--gbc-turuncu-metin) !important;
  color: #fff !important;
}
.entry-content .header-orange h2,
.entry-content .gz2-hizli .gz2-hh a{ color:#fff !important; }

/* --- 2 · Kutu bicimi: tek kenarlik, tek kose --- */
.entry-content .gz-content-box,
.entry-content .gz-sidebar-card,
.entry-content .gz-place-card,
.entry-content .v1-card-item,
.entry-content .v1-lejant,
.entry-content .v1-summary-section,
.entry-content .v1-main-map-container,
.entry-content .gz2-quick,
.entry-content .gz2-words,
.entry-content .gz2-kunye,
.entry-content .gz2-hizli{
  border-color: var(--gbc-border);
  border-radius: var(--gbc-radius);
}

/* --- 3 · Merdiven disi kucuk metinler 13.5'e cekildi ---
   Not: .gz-live-blink · .gz-sc-ay · .gz-sc-d · .gz-ti-text haric tutuldu;
   onlar metin degil, sabit boyutlu suslemeler. */
.entry-content .gz-badge,
.entry-content .gz-lbl-col,
.entry-content .gz-bg-lbl,
.entry-content .gz-bg-desc,
.entry-content .gz-hb-not,
.entry-content .gz-hb-link,
.entry-content .gz-howmade-head,
.entry-content .gz-author-badge,
.entry-content .gz-author-meta,
.entry-content .gz-day-sub,
.entry-content .gz-day-no,
.entry-content .gz-faq-num,
.entry-content .gz-next-not,
.entry-content .gz-pill-link,
.entry-content .gz-video-bar,
.entry-content .gz-list-row,
.entry-content .gz-s-head,
.entry-content .gz-inner-tags b,
.entry-content .v1-pill-link,
.entry-content .v1-badge-box,
.entry-content .v1-bar-txt,
.entry-content .v1-loc-header,
.entry-content .v1-tag,
.entry-content .v1-price,
.entry-content .v1-card-footer,
.entry-content .v1-lc-num,
.entry-content .v1-lc-txt,
.entry-content .gz2-stamp,
.entry-content .gz2-hizli .gz2-hnote{ font-size:13.5px !important; }

/* --- 4 · Not kutulari tek bicim (17px, sol cubuk, sag kose) --- */
.entry-content .gz-chef-note,
.entry-content .gz2-note,
.entry-content .gz-dict-note,
.entry-content .gz-dict-tip{ border-radius:0 var(--gbc-radius-sm) var(--gbc-radius-sm) 0; }

/* --- 5 · Birincil buton tek bicim --- */
.entry-content .gz-oval-btn,
.entry-content .gz2-cta:not(.gz2-ghost){
  background: var(--gbc-turuncu-metin) !important;
  color:#fff !important;
  border-radius: var(--gbc-radius-sm) !important;
  font-size:15px !important;
  font-weight:700 !important;
}

/* --- 7 · Yan sutun kartlari: Atina'daki .gz-sidebar-card ile BIREBIR ---
   OLCULDU (22608 v59/v68 bloklari): Atina'nin sag sutun kart basligi
   .gz-card-title = 14.5px/700, <=900px'te 14px, text-transform none,
   letter-spacing 0, padding 11px 16px, dolgu #BF360C, kart golgesi
   0 4px 16px rgba(0,0,0,.07), hover 0 8px 28px rgba(0,0,0,.11),
   kartlar arasi bosluk 16px.

   KUSUR: Liste'nin yan sutun basliklari <h2> etiketi. 23855 v6.1'in
   mobil kurali .entry-content h2 { 22px !important } oldugu icin
   <=921px'te bu basliklar 22px'e sisiyordu; Atina'daki karsiligi <div>
   oldugu icin ondan etkilenmiyordu. Mobilde "aynisi degil" gorunumunun
   sebebi buydu. Asagidaki kural iki sablonda da AYNI bildirimi yaziyor. */
.entry-content .gz-card-title,
.entry-content .gz2-hizli .gz2-hh,
.entry-content .gz2-quick .gz2-qh{
  font-size: 14.5px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 11px 16px !important;
  margin: 0 !important;
  color: #fff !important;
}
@media (max-width: 900px){
  .entry-content .gz-card-title,
  .entry-content .gz2-hizli .gz2-hh,
  .entry-content .gz2-quick .gz2-qh{ font-size: 14px !important; }
}

/* Kart govdesi de ayni golge ve ayni bosluk */
.entry-content .gz2-hizli,
.entry-content .gz2-quick{
  box-shadow: 0 4px 16px rgba(0,0,0,.07);
  transition: box-shadow .24s ease;
}
.entry-content .gz2-hizli:hover,
.entry-content .gz2-quick:hover{ box-shadow: 0 8px 28px rgba(0,0,0,.11); }
.entry-content .v1-flow-side{ gap: 16px !important; }
@media (prefers-reduced-motion: reduce){
  .entry-content .gz2-hizli,
  .entry-content .gz2-quick{ transition: none; }
}

/* --- 8 · Dokunma hedefi ve kart alt satiri okunurlugu ---
   OLCULDU (28 Agu, canli tarayici, 375px):
   /atina-gezi-rehberi/ icerik alaninda 44px altinda 7 dokunma hedefi:
   .gz-hb-link 23px · .gz-serie-row 34-36px · .gbc-x 28px
   /yunanca-kelimeler/ icinde 12 adet .v1-next-anchor 27px
   Kural (gbc-ux-ui #9): en az 44x44 CSS px.
   Ayrica .v1-card-footer rengi #bbb: beyaz uzerinde 2.16:1 — AA 4.5 istiyor.
   #666 = 5.74:1. */
.entry-content .v1-card-footer{ color:#666; }
@media (max-width: 921px){
  .entry-content .gz-hb-link,
  .entry-content .v1-next-anchor{
    min-height:44px; display:inline-flex; align-items:center;
  }
  .entry-content .gz-serie-row,
  .entry-content .gz-day-row,
  .entry-content .gz-chap-row,
  .entry-content .v1-lejant-card{ min-height:44px; }
}

/* --- 9 · Mobilde once baslik, sonra video ---
   OLCULDU (28 Agu, 375x812, /atina-gezi-rehberi/):
   breadcrumb 0-71px (3 satir) · video 189px · H1 419px · ilk paragraf 586px
   Yani ilk ekranda baslik YOK; kullanici neyle karsilastigini 419px
   kaydirdiktan sonra ogreniyor.
   .gz-top-grid zaten order ile diziliyor (video 1 · h1 2 · gbc-2 3 · intro 4).
   Tek bildirim: videoyu girisin altina al. Masaustune dokunulmuyor.
   Geri almak icin bu blogu sil. */
@media (max-width: 921px){
  .entry-content .gz-hero-video{ order: 5 !important; margin-top: 18px; }
}

/* ═══════════════════════════════════════════════════════════════════
   GBC · CEVAP BILESENLERI (v1) — 2026-08-29
   Alti blok, tek dil. Gezi(20) · Liste(22) · Detay(23) uc sablonda da
   ayni. Yeni olcu icat edilmedi; hepsi 22608'den okunan canli degerler:
   kenarlik #E8E8E8 · ayirici #F0F0F0 · serit #BF360C · hover #FFF7F2
   kose 14px · golge 0 1px 2px rgba(0,0,0,.05) · dokunma hedefi 44px
   Geri almak icin bu blogun tamamini sil.
   ═══════════════════════════════════════════════════════════════════ */

.entry-content .gbc-box{
  background:#fff; border:1px solid #E8E8E8; border-radius:14px;
  overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,.05); margin:0 0 20px;
}
/* GBC 2026-09-06: kutu ustten yapisik duruyordu. Onceki blokla arasinda
   nefes yok, kirmizi bar bir onceki notun altina yapisiyor. Ust bosluk
   yalnizca oncesinde bir kardes varsa veriliyor; kartin ilk elemani
   oldugunda fazladan bosluk olusmasin. */
.entry-content *+.gbc-box{ margin-top:22px; }
.entry-content .gbc-bar{
  background:#BF360C !important; color:#fff !important;
  font-size:14px !important; font-weight:700 !important; line-height:1.3 !important;
  letter-spacing:0 !important; text-transform:none !important;
  padding:11px 16px !important; margin:0 !important;
}

/* --- 1 · Durum secici --- */
.entry-content .gbc-pick{ display:grid; gap:10px; grid-template-columns:1fr; margin:0 0 24px; }
@media (min-width:700px){ .entry-content .gbc-pick{ grid-template-columns:repeat(3,1fr); } }
.entry-content .gbc-pick a{
  display:block; text-decoration:none; color:inherit; background:#fff;
  border:1px solid #E8E8E8; border-radius:14px; padding:14px 16px;
  box-shadow:0 1px 2px rgba(0,0,0,.05); min-height:44px;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.entry-content .gbc-pick a:hover{ border-color:#BF360C; box-shadow:0 4px 16px rgba(0,0,0,.07); }
.entry-content .gbc-pick .t{ display:block; font-size:17px !important; font-weight:600; line-height:1.35; margin-bottom:3px; color:#000; }
.entry-content .gbc-pick .s{ display:block; font-size:14px !important; color:#666 !important; line-height:1.45; }
/* GBC 2026-08-29: uc kutu yan yanayken metinler farkli uzunlukta oldugu
   icin baglantilar farkli yuksekliklerde duruyordu. Kutu flex kolon,
   baglanti en alta itiliyor; uc CTA ayni hizaya geliyor. */
.entry-content .gbc-pick a{ display:flex; flex-direction:column; }
.entry-content .gbc-pick .g{
  display:inline-block; margin-top:auto; padding-top:8px; font-size:13.5px !important; font-weight:600;
  align-self:flex-start;
  color:#BF360C; text-decoration:underline; text-underline-offset:3px;
  text-decoration-thickness:1px; text-decoration-color:rgba(191,54,12,.35);
}

/* --- 2 · Resmi kaynak satiri --- */
.entry-content .gbc-src{
  display:flex; align-items:baseline; justify-content:space-between; gap:14px;
  padding:12px 16px; border-bottom:1px solid #F0F0F0;
}
.entry-content .gbc-src:last-of-type{ border-bottom:0; }
.entry-content .gbc-src:hover{ background:#FFF7F2; }
/* GBC 2026-08-29 · OLCULDU (390px, vize rehberi bolum 3):
   .l "flex:0 0 auto" idi, yani etiket hic kucultulmuyordu. Etiket uzun
   oldugunda (il listesi gibi) sag sutun aciklamasi eziliyor,
   "Istanbul Baskonsoloslugu" kelimesi kutunun disinda kaliyor ve alt
   aciklama tek kelimelik uc satira dokuluyordu. Bilesen kisa etiketlerle
   (sozluk sayfasi) calisiyordu, uzun etiketle kiriliyordu.
   Cozum: etiket kuculebiliyor; dar ekranda satir alt alta diziliyor. */
.entry-content .gbc-src .l{ flex:1 1 auto; min-width:0; color:#7A7A7A !important; font-weight:500; font-size:13.5px !important; }
.entry-content .gbc-src .v{ flex:1 1 auto; min-width:0; text-align:right; }
.entry-content .gbc-src .v a{
  color:#BF360C !important; font-weight:600; font-size:13.5px !important;
  text-decoration:underline; text-underline-offset:3px;
  text-decoration-thickness:1px; text-decoration-color:rgba(191,54,12,.35);
  min-height:44px; display:inline-flex; align-items:center; justify-content:flex-end;
}
.entry-content .gbc-src .v a:hover{ color:#9A3412 !important; }
.entry-content .gbc-src .v small{ display:block; color:#8A8A8A !important; font-size:12px !important; margin-top:2px; }
/* Dar ekranda etiket ve baglanti alt alta. Yan yana durdugunda uzun
   etiketler baglantiyi kutunun disina itiyordu (390px'te olculdu). */
@media (max-width:700px){
  .entry-content .gbc-src{ flex-direction:column; align-items:flex-start; gap:4px; }
  .entry-content .gbc-src .l{ font-size:13px !important; }
  .entry-content .gbc-src .v{ width:100%; text-align:left; }
  .entry-content .gbc-src .v a{
    justify-content:flex-start; font-size:15px !important; min-height:0; padding:2px 0 4px;
  }
  .entry-content .gbc-src .v small{ margin-top:0; }
}
.entry-content .gbc-foot{
  padding:9px 16px 11px !important; font-size:11.5px !important; line-height:1.45 !important;
  color:#8A8A8A !important; border-top:1px solid #F0F0F0; margin:0 !important; background:transparent;
}

/* --- 3 · Adim adim --- */
.entry-content .gbc-step{
  display:grid; grid-template-columns:30px 1fr; gap:0 14px;
  padding:14px 16px; border-bottom:1px solid #F0F0F0;
}
.entry-content .gbc-step:last-of-type{ border-bottom:0; }
.entry-content .gbc-step .n{
  grid-row:1 / span 2; width:30px; height:30px; border-radius:50%;
  background:#BF360C; color:#fff; display:flex; align-items:center; justify-content:center;
  font-size:14px !important; font-weight:700; font-variant-numeric:tabular-nums;
}
.entry-content .gbc-step .h{ font-size:17px !important; font-weight:600; line-height:1.4; color:#000; }
.entry-content .gbc-step .d{ font-size:15px !important; color:#383838 !important; line-height:1.6; margin-top:3px; }

/* --- 4 · Karsilastirma --- */
.entry-content .gbc-cmp{ width:100%; border-collapse:collapse; margin:0; }
.entry-content .gbc-cmp th{
  background:#FFF7F2; color:#BF360C !important; text-align:left;
  font-size:12.5px !important; letter-spacing:.05em; text-transform:uppercase;
  padding:11px 14px !important; border-bottom:1px solid #E8E8E8;
}
.entry-content .gbc-cmp td{
  padding:12px 14px !important; border-bottom:1px solid #F0F0F0;
  vertical-align:top; font-size:15px !important; line-height:1.55 !important;
}
.entry-content .gbc-cmp tr:last-child td{ border-bottom:0; }
.entry-content .gbc-cmp tbody tr:hover td{ background:#FFF7F2; }
.entry-content .gbc-cmp td:first-child{ font-weight:600; }

/* --- 4b · Hizli ozet seridi (kunye ile ayni dil, etiketsiz) ---
   Detay sayfalarindaki emoji'li ".gz-inner-tags" seridinin karsiligi.
   Emoji ikon olarak kullanilmaz (gbc-ux-ui kural 8); uc kisa gercek,
   uc esit sutun, kunye seridiyle ayni cerceve. */
.entry-content ul.gz2-facts{
  display:flex; flex-wrap:nowrap; list-style:none;
  border:1px solid #E8E8E8; border-radius:14px; overflow:hidden;
  background:#f9f9f9; margin:0 0 16px !important; padding:0 !important;
}
.entry-content ul.gz2-facts li{
  flex:1 1 0; min-width:0; padding:10px 12px !important;
  border-right:1px solid #E8E8E8;
  font-size:14px !important; line-height:1.4 !important;
  font-weight:600; color:#000; text-align:center;
}
.entry-content ul.gz2-facts li:last-child{ border-right:0; }
@media (max-width:544px){
  .entry-content ul.gz2-facts li{ font-size:12.5px !important; padding:9px 8px !important; }
}

/* --- 4c · Not kutusu ucuncu tip: notr bilgi (marka rengi) --- */
.entry-content .gz2-note.gz2-bilgi{ border-left-color:#BF360C; background:#FFF7F2; }

/* --- 4d · Yan sutun satiri link olabilir ---
   "En cok sorulan" kutusundaki satirlar artik ilgili bolume atliyor.
   Satirin tamami <a class="gz2-side-w">; tema link rengini ve alt
   cizgisini eziyoruz, sag sutun ("Bolum 9") kirilmasin diye nowrap. */
.entry-content a.gz2-side-w{
  text-decoration:none !important; color:inherit;
  transition:background .18s ease;
}
.entry-content a.gz2-side-w:hover{ background:#FFF7F2; }
.entry-content a.gz2-side-w .t{ color:#000 !important; }
.entry-content a.gz2-side-w .r{
  color:#BF360C !important; font-weight:600; white-space:nowrap;
}
@media (prefers-reduced-motion: reduce){
  .entry-content a.gz2-side-w{ transition:none; }
}

/* ═══════════════════════════════════════════════════════════════════
   GBC · IS ORTAKLIGI (AFFILIATE) BILDIRIMI — 2026-08-29
   6502 sayili Tuketicinin Korunmasi Hakkinda Kanun ve Ticari Reklam
   ve Haksiz Ticari Uygulamalar Yonetmeligi ticari iceriginin acikca
   belirtilmesini istiyor. Footer'daki tek satir yeterli sayilmiyor;
   bildirimin BAGLANTININ YANINDA olmasi gerekiyor. Bu blok onun icin.

   KULLANIM (kart HTML'i icinde):
   <div class="gbc-aff">
     <span class="gbc-aff-et">İŞ ORTAKLIĞI</span>
     <a href="..." rel="sponsored nofollow noopener" target="_blank">Baglanti metni →</a>
     <small>Bu bir is ortakligi baglantisidir; sizin icin fiyati degistirmez.
     <a href="https://gezginbirchef.com/reklam-is-ortakligi-ve-sorumluluk-politikasi/">Politika</a></small>
   </div>

   KURAL: Resmi kaynak kutusunun (.gbc-src) icine ASLA konmaz.
   Geri almak icin bu blogun tamamini sil.
   ═══════════════════════════════════════════════════════════════════ */
.entry-content .gbc-aff{
  border:1px solid #E8E8E8;
  border-left:4px solid #8A8A8A;
  border-radius:0 10px 10px 0;
  background:#FAFAFA;
  padding:12px 16px;
  margin:16px 0;
}
/* GBC 2026-08-29 duzeltme: kutu icindeki paragraflar .gz2-side-w satirlariyla
   ayni ic bosluga sahip degildi (satirlar 14px iceriden, paragraflar kenara
   yapisik) ve kutu kenarina kayik duruyordu. Artik ucu de ayni hizada. */
.gbc-affk .gz2-qh{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.gbc-affk-et{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.06em;color:#BF360C;background:#fff;border-radius:5px;padding:3px 7px;white-space:nowrap}
/* Not: site geneli okunabilirlik katmani .entry-content p'ye 18px !important
   veriyor. Kutu ici aciklama ve kucuk yazi o olcegi alinca satirlardan buyuk
   kaliyor ve kutu sisiyordu. Bu iki paragraf bilerek daha kucuk. */
.entry-content .gbc-affk .gbc-affk-i{margin:0;padding:11px 14px;font-size:14px !important;line-height:1.45 !important;color:#555;border-bottom:1px solid #efedea;background:#fff}
.gbc-affk .gz2-side-w:last-of-type{border-bottom:0}
.entry-content .gbc-affk .gbc-affk-n{margin:0;padding:10px 14px 12px;font-size:11.5px !important;line-height:1.5 !important;color:#7A7A7A;border-top:1px solid #efedea;background:#fcfcfc}
.entry-content .gbc-affk .gbc-affk-n a{color:#BF360C;text-decoration:underline;font-size:11.5px !important}
@media (max-width:544px){
.entry-content .gbc-affk .gbc-affk-i{padding:10px 13px;font-size:13.5px !important}
.entry-content .gbc-affk .gbc-affk-n{padding:10px 13px 12px}
}
.entry-content .gbc-aff-et{
  display:inline-block;
  background:#EFEFEF;
  color:#5A5A5A !important;
  font-size:11px !important;
  font-weight:700;
  letter-spacing:.06em;
  border-radius:4px;
  padding:2px 7px;
  margin-right:8px;
  vertical-align:2px;
}
.entry-content .gbc-aff > a{
  font-size:16px !important; font-weight:600;
  color:#BF360C !important;
  text-decoration:underline; text-underline-offset:3px;
  text-decoration-color:rgba(191,54,12,.35);
  min-height:44px; display:inline-flex; align-items:center;
}
.entry-content .gbc-aff > a:hover{ color:#9A3412 !important; }
.entry-content .gbc-aff small{
  display:block; margin-top:4px;
  font-size:12.5px !important; line-height:1.5 !important;
  color:#7A7A7A !important;
}
.entry-content .gbc-aff small a{
  color:#7A7A7A !important; text-decoration:underline;
  text-underline-offset:2px;
}
@media (max-width:544px){
  .entry-content .gbc-aff{ padding:11px 13px; }
  .entry-content .gbc-aff > a{ font-size:15.5px !important; }
}
.entry-content .gz2-note.gz2-bilgi b,
.entry-content .gz2-note.gz2-bilgi strong:first-child{ color:#BF360C; }

/* --- 5 · Kontrol listesi --- */
.entry-content ul.gbc-check{ list-style:none; margin:0 !important; padding:0 !important; }
.entry-content ul.gbc-check li{
  position:relative; padding:12px 16px 12px 46px !important;
  border-bottom:1px solid #F0F0F0; font-size:16px !important; line-height:1.55 !important;
}
.entry-content ul.gbc-check li:last-child{ border-bottom:0; }
.entry-content ul.gbc-check li::before{
  content:""; position:absolute; left:16px; top:14px; width:17px; height:17px;
  border:1.5px solid #BF360C; border-radius:5px;
}
.entry-content ul.gbc-check li::after{
  content:""; position:absolute; left:21px; top:18px; width:6px; height:10px;
  border-right:2px solid #BF360C; border-bottom:2px solid #BF360C; transform:rotate(45deg);
}
.entry-content ul.gbc-check li small{ display:block; color:#666 !important; font-size:14px !important; margin-top:2px; line-height:1.5; }

@media (max-width:544px){
  .entry-content .gbc-pick .t{ font-size:16px !important; }
  .entry-content .gbc-step .h{ font-size:16px !important; }
  .entry-content .gbc-step .d{ font-size:14.5px !important; }
  .entry-content .gbc-cmp td{ font-size:14.5px !important; padding:11px 12px !important; }
  .entry-content ul.gbc-check li{ font-size:15.5px !important; }
}
@media (prefers-reduced-motion: reduce){
  .entry-content .gbc-pick a{ transition:none; }
}

/* --- 6 · Inline SVG ikon (emoji yerine · gbc-ux-ui kural 8) --- */
.entry-content .gz-ico{
  width:16px; height:16px;
  display:inline-block;
  vertical-align:-3px;
  flex:none;
  stroke:currentColor;
}

/* --- 7 · Genis tablo kabugu ---
   .gbc-cmp tablolari dar ekranda satiri kirmak yerine kendi kutusunda
   kaysin; sayfa govdesi yatay kaymasin (gbc-ux-ui: yatay kayma sayfada
   degil, bilesenin icinde). Kart 14 ve 15'te olculdu. */
.entry-content .tblwrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
.entry-content .tblwrap > table{ min-width:100%; }

/* --- 7b · Uc sutunlu karsilastirma dar ekranda yigin olur ---
   OLCULDU (390px, kart 15): uc sutunda hucre basina ~95px metin kaliyor,
   "Yunanistan'in tamami ve 27 Schengen ulkesi" bes satira kiriliyor ve
   satir yuksekligi 200px'i asiyordu. Yatay kaydirma da cozum degil:
   karsilastirmanin iki tarafi ayni anda gorunmeyince tablo isini
   yapmiyor. Cozum: her satir bir kart; ustte konu, altinda iki cevap
   kendi etiketiyle. Etiket td'nin data-l ozniteliginden geliyor.
   Sadece .gbc-stack sinifi verilen tablolarda calisir; iki sutunlu
   tablolar (ornegin 12 ada listesi) eskisi gibi kalir. */
@media (max-width:600px){
  .entry-content .gbc-cmp.gbc-stack,
  .entry-content .gbc-cmp.gbc-stack tbody,
  .entry-content .gbc-cmp.gbc-stack tr{ display:block; width:100%; }
  .entry-content .gbc-cmp.gbc-stack thead{ display:none; }
  .entry-content .gbc-cmp.gbc-stack tr{
    padding:12px 14px; border-bottom:1px solid #F0F0F0;
  }
  .entry-content .gbc-cmp.gbc-stack tr:last-child{ border-bottom:0; }
  .entry-content .gbc-cmp.gbc-stack tbody tr:hover td{ background:transparent; }
  .entry-content .gbc-cmp.gbc-stack td{
    display:block; padding:0 !important; border:0 !important;
    font-size:15px !important; line-height:1.5 !important;
  }
  .entry-content .gbc-cmp.gbc-stack td:first-child{
    font-weight:700; color:#000; font-size:15.5px !important; margin-bottom:2px;
  }
  .entry-content .gbc-cmp.gbc-stack td[data-l]{ margin-top:7px; color:#383838 !important; }
  .entry-content .gbc-cmp.gbc-stack td[data-l]::before{
    content:attr(data-l); display:block;
    font-size:11.5px !important; font-weight:700; letter-spacing:.05em;
    text-transform:uppercase; color:#BF360C !important; margin-bottom:1px;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   GBC · SIK SORULAN SORULAR (v1) — 2026-08-29
   rehber_faq alani artik HEM Detay (23489) HEM Liste (23108)
   sablonunda basiliyor. CSS iki snippet'te durursa zamanla ayrisir,
   bu yuzden gorunum burada, tek yerde. Detay'a ozgu mobil siralama
   (.v1-faq{order:999}) 23490'da kaldi; orasi wrapper'in ic duzeni.
   Olculer 22608'den okunan canli degerler: kenarlik #E8E8E8 ·
   kose 14px · ayirici #F0F0F0 · serit #BF360C · hover #FFF7F2 ·
   govde 17px · dokunma hedefi 44px.
   Geri almak icin bu blogun tamamini sil.
   ═══════════════════════════════════════════════════════════════════ */
.entry-content .v1-faq{
  background:#fff;
  border:1px solid #E8E8E8;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
  margin:32px 0 20px;
}
.entry-content .v1-faq-title{
  background:#BF360C;
  color:#fff !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  padding:11px 16px !important;
  margin:0 !important;
}
.entry-content .v1-faq-item{ border-bottom:1px solid #F0F0F0; }
.entry-content .v1-faq-item:last-child{ border-bottom:0; }
.entry-content .v1-faq-q{
  list-style:none;
  cursor:pointer;
  position:relative;
  padding:14px 44px 14px 16px;
  font-size:17px;
  font-weight:600;
  line-height:1.45;
  color:#1A1A1A;
  min-height:44px;
  display:flex;
  align-items:center;
  user-select:none;
}
.entry-content .v1-faq-q::-webkit-details-marker{ display:none; }
.entry-content .v1-faq-q:hover{ background:#FFF7F2; }
.entry-content .v1-faq-q::after{
  content:"";
  position:absolute; right:18px; top:50%;
  width:9px; height:9px;
  border-right:2px solid #BF360C;
  border-bottom:2px solid #BF360C;
  transform:translateY(-70%) rotate(45deg);
  transition:transform .24s ease;
}
.entry-content .v1-faq-item[open] .v1-faq-q::after{ transform:translateY(-30%) rotate(-135deg); }
.entry-content .v1-faq-item[open] .v1-faq-q{ color:#BF360C; }
.entry-content .v1-faq-a{
  padding:0 16px 16px;
  font-size:17px !important;
  line-height:1.7 !important;
  color:#383838;
  max-width:none;
}
.entry-content .v1-faq-a strong{ color:#000 !important; }
@media (max-width:544px){
  .entry-content .v1-faq-q{ font-size:16px; padding:13px 40px 13px 14px; }
  .entry-content .v1-faq-a{ font-size:16px !important; padding:0 14px 14px; }
}
@media (prefers-reduced-motion: reduce){
  .entry-content .v1-faq-q::after{ transition:none; }
}

/* ════════════════════════════════════════════════════════════════
   GBC · KART BASLIGI OKUNURLUGU — 2026-08-29
   OLCULDU: Liste sayfasinda 22 kart var ve hepsi ayni beyaz kutu.
   Kart basligi (.v1-card-h2) duz siyah metin; hemen altinda ozet
   seridi basliyor, arada gorsel sinir yok. Okuyucu uzun sayfada
   "kacinci bolumdeyim" bilgisini ancak kartin EN ALTINDAKI
   "9. BOLUM" satirinda goruyor, yani basligi gectikten sonra.
   Numara ustte olmali.
   Cozum, icerige hic dokunmadan:
   · CSS sayaci ile basligin onune numara rozeti
   · baslik ile govde arasina ince ayirici
   Gorseli olan kartlarda numara zaten resmin uzerinde duruyor
   (.v1-card-num-overlay); onlarda rozet basilmiyor, iki numara olmasin.
   Rozet #BF360C dolgu + beyaz = 5.60:1.
   Geri almak icin bu blogun tamamini sil.
   ════════════════════════════════════════════════════════════════ */
.entry-content .v1-list-flow{ counter-reset:gbc-kart; }
.entry-content .v1-card-item{ counter-increment:gbc-kart; }
.entry-content .v1-card-item .v1-card-h2{
  display:flex; align-items:flex-start; gap:10px;
  padding-bottom:12px; margin-bottom:14px;
  border-bottom:1px solid #F0F0F0;
}
.entry-content .v1-card-item:not(:has(.v1-card-num-overlay)) .v1-card-h2::before{
  content:counter(gbc-kart);
  flex:none; margin-top:2px;
  min-width:26px; height:26px; padding:0 6px;
  border-radius:8px; background:#BF360C; color:#fff;
  font-size:14px; font-weight:800; font-variant-numeric:tabular-nums;
  display:inline-flex; align-items:center; justify-content:center;
}
@media (max-width:544px){
  .entry-content .v1-card-item .v1-card-h2{ gap:8px; padding-bottom:10px; margin-bottom:12px; }
  .entry-content .v1-card-item:not(:has(.v1-card-num-overlay)) .v1-card-h2::before{
    min-width:23px; height:23px; font-size:13px;
  }
}

/* Ozet seridi (.gz2-facts) tiklanabilir sanilmasin.
   Uc esit, ortalanmis, kalin kutu sekme/buton gorunumu veriyordu ama
   hicbiri baglanti degil. Sola hizalandi, marka tintine alindi;
   artik bilgi seridi gibi okunuyor, buton gibi degil. */
.entry-content ul.gz2-facts{ background:#FBF3EF; border-color:#F0DFD6; }
.entry-content ul.gz2-facts li{
  text-align:left; font-weight:600; color:#383838 !important;
  border-right-color:#F0DFD6;
}

/* ═══════════════════════════════════════════════════════════════════
   GBC · IKON ROZETI (.gz-num-badge) — 2026-08-29
   OLCULDU (/atina-gezi-rehberi/, canli CSSOM + DOM sayimi):
   · Sayfanin icerik alaninda 110 emoji ikon olarak kullaniliyordu.
   · Butce kartindaki dort .gz-num-badge arka planlari inline style ile
     #43a047 yesil, #e65100 turuncu, #0288d1 mavi, #2e7d32 koyu yesil idi;
     hicbiri marka paletinde yok, dordu dort ayri renk.
   Emoji ikon olarak kullanilmaz (gbc-ux-ui kural 8): her platformda
   baska ciziliyor, ekran okuyucu emoji adini sesli okuyor, marka
   rengini almiyor. Rozet artik tek dolgu (#BF360C, beyaz uzerinde
   5.60:1) ve icine mevcut .gz-ico SVG bileseni giriyor.
   Sinif verilmeyen eski rozetler aynen kaliyor, hicbiri etkilenmiyor.
   Geri almak icin bu blogu sil.
   ═══════════════════════════════════════════════════════════════════ */
/* NOT: ikon SVG'si HTML'e degil CSS'e yazildi. WordPress'in KSES
   temizleyicisi ACF meta alanina yazilan <svg> etiketini siliyor
   (denendi: rozetler bos dondu). Maske olarak buradan basiliyor;
   icerik alaninda tek bir <svg> yok, tema guncellemesi de silemiyor. */
/* ═══ Iki katli ozet cipi (.gz-inner-tags b > span) — 2026-08-29 ═══
   OLCULDU (/atina-gezi-rehberi/ butce karti, canli CSSOM):
   .gz-inner-tags flex/wrap/gap 7px, genislik 639px; icindeki her <b>
   ayri bir cip (13.5px/600, #f5f5f5 dolgu, #e2e2e2 kenarlik, kose 6px,
   dolgu 4px 11px, nowrap). Cipler sadece RAKAMI tasiyordu; rakamin ne
   kapsadigi hemen altindaki paragrafta anlatiliyordu ve o paragraf
   uc satir suruyordu.
   Karar: ayrinti cipin kendi icine, ikinci satir olarak giriyor.
   Boylece okuyucu paragrafa inmeden cevabi aliyor, paragraf da
   en fazla iki satira dusuyor.
   Kural yalnizca icinde <span> olan ciplere isliyor (:has); sitedeki
   diger tek katli cipler aynen kaliyor. ═══ */
.entry-content .gz-inner-tags b:has(span){
  flex-direction:column; align-items:flex-start; gap:1px;
  padding:6px 11px 7px; white-space:normal; max-width:100%;
  line-height:1.3;
}
.entry-content .gz-inner-tags b:has(span) span{
  font-size:11.5px !important; font-weight:500 !important;
  color:#666 !important; line-height:1.35; letter-spacing:0;
}
/* Dar ekranda cipler alt alta ve TAM GENISLIK.
   OLCULDU: 282px'lik icerik sutununda ucu de zaten alt alta duruyordu
   ama her biri kendi dogal genisligini koruyordu (149 / 143 / 147px),
   yani sag kenarlari tirtikli cikiyordu. Tam genislikte istiflenince
   ayni yer, duzgun bir mini liste gibi okunuyor. */
@media (max-width:544px){
  .entry-content .gz-inner-tags:has(b span){
    flex-direction:column; align-items:stretch; gap:6px;
  }
  .entry-content .gz-inner-tags b:has(span){
    width:100%; padding:7px 11px 8px;
  }
  .entry-content .gz-inner-tags b:has(span) span{ font-size:11.5px !important; }
}

.entry-content .gz-num-badge[class*="gz-bd--"]{
  background:#BF360C !important;
  display:flex; align-items:center; justify-content:center;
  font-size:0 !important;
}
.entry-content .gz-num-badge[class*="gz-bd--"]::before{
  content:""; width:18px; height:18px; background:#fff; flex:none;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:18px 18px; mask-size:18px 18px;
}
.entry-content .gz-bd--para::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='20' height='13' rx='2'/%3E%3Cpath d='M2 10.5h20'/%3E%3Ccircle cx='17' cy='15' r='1.4'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='20' height='13' rx='2'/%3E%3Cpath d='M2 10.5h20'/%3E%3Ccircle cx='17' cy='15' r='1.4'/%3E%3C/svg%3E");
}
.entry-content .gz-bd--yemek::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3v7a2.5 2.5 0 0 0 5 0V3'/%3E%3Cpath d='M7.5 10v11'/%3E%3Cpath d='M18 3c-1.6 1.4-2.4 3.3-2.4 5.6 0 2.2.8 3.7 2.4 4.6v7.8'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3v7a2.5 2.5 0 0 0 5 0V3'/%3E%3Cpath d='M7.5 10v11'/%3E%3Cpath d='M18 3c-1.6 1.4-2.4 3.3-2.4 5.6 0 2.2.8 3.7 2.4 4.6v7.8'/%3E%3C/svg%3E");
}
/* ═══════════════════════════════════════════════════════════════════
   GBC · BASLIK MERDIVENI v8 — 2026-08-29
   OLCULDU (canli CSSOM, /atina-gezi-rehberi/ = Gezi ve
   /atina-gezilecek-yerler-haritali/ = Liste, 1920px):

   Gezi:   H1 26 · gbc-silo__h + gbc-related-title + gz-gallery-title 24
           · bolum bandi h2 21 (7 adet) · gz-inner-title 19 (20 adet)
           · govde 18
   Liste:  H1 26 · gbc-silo__h + gbc-related-title 24
           · v1-card-h2 21 (29 adet) · h3 19 (84 adet) · govde 18 (209 adet)
           · v1-faq-title h2 14

   UC KUSUR, IKISI DE HER IKI SABLONDA:
   1) Ters hiyerarsi. "Ilgili Yazilar" ve "Daha fazla rehber" sayfanin
      en onemsiz iki basligi ama 24px ile H1'den sonra EN BUYUK; gercek
      bolum basliklari 21px ile onlarin altinda kaliyor.
   2) Baslik ile govde arasi 1 piksel. Kart basligi 19, altindaki
      paragraf 18. Goz bu farki gormuyor, baslik baslik gibi okunmuyor.
      Liste'de bu 84 H3'un tamaminda tekrarliyor.
   3) v1-faq-title bir <h2> ama 14px, yani govdeden 4px KUCUK.
      Renkli bant oldugu icin etiket gibi okunuyor; etiket rolunde
      birakildi, boyutu degistirilmedi.

   YENI MERDIVEN  26 -> 22 -> 20 -> 18  (adimlar 4-2-2, ters donus yok)
   H1 26 · ana bolum basligi 22 · kart basligi ve H3 20 · govde 18
   Tali blok basliklari (silo, ilgili yazilar, galeri) 24 -> 20:
   artik bolum basliklarinin ustune cikmiyorlar.
   Hicbir sey buyutulmedi; iki taskin kisildi, kart basligi 1px kalkti.

   Geri almak icin bu blogun tamamini sil.
   ═══════════════════════════════════════════════════════════════════ */

/* Ana bolum basligi: renkli bant h2 · 21 -> 22 */
.entry-content .gz-box-header h2,
.entry-content .v1-card-h2,
.entry-content .tr-wrap .tr-card-hdr h2,
.entry-content .gz-dict-text-area h2,
.entry-content [class*="card-h2"],
.entry-content [class*="card-hdr"] h2{ font-size:22px !important; }

/* Kart ici baslik ve H3: 19 -> 20 (govdeden 2px, agirlik 700-800)
   NOT: ".entry-content .gz-inner-title" (0,2,0) ile yazilan ilk deneme
   ISE YARAMADI, canli olculdu: 19px'te kaldi. Ayni blogun diger
   kurallari (h2 21->22, silo 24->20) tuttugu icin sorun onbellek degil;
   22608'in kendi kurali ayni agirlikta ama daha SONRA yukleniyor.
   Bu yuzden seciciler ozellikle agirlastirildi (0,3,0) ve (0,2,1). */
.entry-content h3{ font-size:20px !important; }
.entry-content div.gz-inner-title,
.entry-content .gz-place-card .gz-inner-title,
.entry-content .gz-content-box .gz-inner-title{ font-size:20px !important; }

/* Tali blok basliklari: 24 -> 20. Bunlar bolum basligi degil,
   sayfa sonu blok basligi; H1'le yarismamalilar. */
.entry-content .gbc-silo__h,
.entry-content .gbc-related-title,
.entry-content .gz-gallery-title{ font-size:20px !important; line-height:1.3 !important; }

/* MOBIL: bu blok stil dosyasinin SONUNDA durdugu icin v6.1'in
   921 ve 544 kirilimlarini eziyor. O yuzden kirilimlar burada
   yeniden yazildi, yoksa masaustu olcusu telefona da giderdi. */
@media (max-width:921px){
  /* govde 17px */
  .entry-content .gz-box-header h2,
  .entry-content .v1-card-h2,
  .entry-content .tr-wrap .tr-card-hdr h2,
  .entry-content .gz-dict-text-area h2,
  .entry-content [class*="card-h2"],
  .entry-content [class*="card-hdr"] h2{ font-size:20px !important; }
  .entry-content h3,
  .entry-content .gbc-silo__h,
  .entry-content .gbc-related-title,
  .entry-content .gz-gallery-title{ font-size:19px !important; }
  .entry-content div.gz-inner-title,
  .entry-content .gz-place-card .gz-inner-title,
  .entry-content .gz-content-box .gz-inner-title{ font-size:19px !important; }
}
@media (max-width:544px){
  /* govde 16px. Kart basligi 17 idi, yine 1px farkti. */
  .entry-content .gz-box-header h2,
  .entry-content .v1-card-h2,
  .entry-content .tr-wrap .tr-card-hdr h2,
  .entry-content .gz-dict-text-area h2,
  .entry-content [class*="card-h2"],
  .entry-content [class*="card-hdr"] h2{ font-size:19px !important; }
  .entry-content h3,
  .entry-content .gbc-silo__h,
  .entry-content .gbc-related-title,
  .entry-content .gz-gallery-title{ font-size:18px !important; }
  .entry-content div.gz-inner-title,
  .entry-content .gz-place-card .gz-inner-title,
  .entry-content .gz-content-box .gz-inner-title{ font-size:18px !important; }
}

.entry-content .gz-bd--bilet::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5A1.5 1.5 0 0 1 4.5 7h15A1.5 1.5 0 0 1 21 8.5V10a2 2 0 0 0 0 4v1.5a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 15.5V14a2 2 0 0 0 0-4V8.5Z'/%3E%3Cpath d='M14.5 7v10' stroke-dasharray='2 3'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5A1.5 1.5 0 0 1 4.5 7h15A1.5 1.5 0 0 1 21 8.5V10a2 2 0 0 0 0 4v1.5a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 15.5V14a2 2 0 0 0 0-4V8.5Z'/%3E%3Cpath d='M14.5 7v10' stroke-dasharray='2 3'/%3E%3C/svg%3E");
}
