/* Mobil uyumluluk düzeltmeleri — drkutaygurel.com (2026-09-18)
   Ölçüm: 16 sayfa × 320/360/390/412 px × Chrome (Android) + WebKit (iPhone) — _calisma/mobil-rapor.
   Yapısal yatay taşma yoktu. Bulunanlar: 20 px yüksekliğinde dokunma hedefleri (header ikonları, logo,
   footer ve kenar çubuğu linkleri, içindekiler), 8–10 px carousel noktaları, dikey RANDEVU AL
   düğmesinin metnin üstüne binmesi, vw ile 12–13 px'e düşen banner başlıkları, 11 px yazılar.
   İçerik iframe'leri media.css + functions.php hc_wrap_media() ile düzeltildi.
   1) ve 2) bölümleri editör içeriğine karşı koruyucudur (35 yazıda sabit px genişlik, 20 yazıda tablo).
   Bu dosya Html::start() içinde sayfa CSS'lerinden SONRA basılır; sıra bozulmamalı. */

html, body { overflow-x: clip; }

/* ---------- 1) Grid sütunları içerikle şişmesin ---------- */
#blog .pagegrid > .pagegrids,
#blogview .pagegrid > .pagegrids,
#tedavi .pagegrid > .pagegrids,
#page .pagegrid > .pagegrids,
#blog .pagegrids.s1 .list > .item,
.minikart { min-width: 0; }

/* ---------- 2) İçerik medyası ve inline genişlikler ---------- */
#blogview .pagegrids.s1 .content img,
#tedavi .pagegrids.s1 .content img,
#page .content img,
#sss .content img { max-width: 100% !important; height: auto !important; }

#blogview .pagegrids.s1 .content,
#tedavi .pagegrids.s1 .content,
#page .content { overflow-wrap: break-word; }

/* tablolar: functions.php hc_wrap_tables() sarmalayıcısı */
.hc-tablo-kaydir { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 24px 0; }
.hc-tablo-kaydir > table { margin: 0 !important; }

@media only screen and (max-width: 600px) {
  #blogview .pagegrids.s1 .content [style*="min-width"],
  #tedavi .pagegrids.s1 .content [style*="min-width"] { min-width: 0 !important; max-width: 100% !important; }
  #blogview .pagegrids.s1 .content [style*="width"],
  #tedavi .pagegrids.s1 .content [style*="width"] { max-width: 100% !important; box-sizing: border-box; }
}

/* ---------- 3) Banner başlıkları: vw ile 12–13 px'e düşmesin ---------- */
@media only screen and (max-width: 1100px) {
  #blog .sect20 .content .text1,
  #blogview .sect20 .content .text1,
  #tedavi .sect20 .content .text1,
  #contact .sect20 .content .text1,
  #paketler .sect20 .content .text1,
  #sss .sect20 .content .text1 { font-size: max(22px, 4.1vw); line-height: 1.25; }

  #blog .sect20 .content .text2,
  #tedavi .sect20 .content .text2,
  #contact .sect20 .content .text2,
  #paketler .sect20 .content .text2,
  #sss .sect20 .content .text2 { font-size: max(15px, 3.9vw); }

  /* blog yazısında .text2 yazının başlığıdır */
  #blogview .sect20 .content .text2 { font-size: max(19px, 3.9vw); line-height: 1.3; }
}

/* ---------- 4) Dokunma hedefleri (en az 24 px) ---------- */
#header1 .hdsect10 .grid .s.s1 .icons a { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; margin: 0 2px 0 0; }
#header1 .hdsect20 .grid .s.s1 a { display: inline-flex; align-items: center; min-height: 44px; }

#slider21 .owl-dots .owl-dot,
#slider11 .owl-dots .owl-dot,
#sliderinsta1 .owl-dots .owl-dot { box-sizing: content-box; border: 8px solid transparent; background-clip: padding-box; }

#footer1 li a,
#footer1 .text a,
#footer1 .ftsect30 a,
#blog .pagegrids.s2 .kategoriler .list .item a,
.miniblog1 .item a.title,
#blogview .pagegrids.s1 .content a[href^="tel:"],
#blogview .pagegrids.s1 .content a[href^="mailto:"],
#tedavi .pagegrids.s1 .content a[href^="tel:"],
#tedavi .pagegrids.s1 .content a[href^="mailto:"],
#blogview .pagegrids.s1 .content p > a:only-child,
#tedavi .pagegrids.s1 .content p > a:only-child,
.blog-kaynakca__main a,
.blog-kaynakca__meta a,
.tedavi-kaynakca__main a,
.tedavi-kaynakca__meta a,
#tedavi .bloglist .grid222 a.title,
.stepsGetStepTr a.stepsGetStep { display: inline-block; padding: 4px 0; }   /* tedavi formu adım başlıkları (tablet) */

/* içindekiler: article-toc.css id'li seçici kullandığı için aynı ağırlıkta yazılmalı */
#blogview .pagegrids.s1 .content .article-icindekiler__link,
#tedavi .pagegrids.s1 .content .article-icindekiler__link { display: inline-block; padding: 4px 0; }
#blogview .pagegrids.s1 .content .article-icindekiler__toggle,
#tedavi .pagegrids.s1 .content .article-icindekiler__toggle { padding: 6px 0; }

/* iletişim tablosu: 20 px ikon linkleri ve metin linkleri */
#contact .sectinfo1 .table table tr td.icon a { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; }
#contact .sectinfo1 .table table tr td.text a { display: inline-block; padding: 4px 0; }

/* hakkımda sayfası: sertifika carousel noktaları 9 px, iki yazı 11 px (stil sayfa içinde, o yüzden body ile) */
body .sd-dots { gap: 0; }
body .sd-dots button { box-sizing: content-box; border: 8px solid transparent; background-clip: padding-box; }
body .sd-hero__eyebrow,
body .sd-social .lbl { font-size: 12px; }

/* tedavi formu adım düğmeleri: WebKit düğmeye 11 px varsayılan verir (Chrome 13 px) */
#formtedavi1 .butonlar .buton button,
form.tedaviform22 .butonlar .buton button { font-family: inherit; font-size: 14px; }

/* ---------- 5) Dikey RANDEVU AL düğmesi mobilde metne binmesin ---------- */
@media only screen and (max-width: 700px) {
  .dikey-link {
    top: auto; bottom: 22px; left: 16px;
    transform: none; transform-origin: center;
    padding: 12px 18px; font-size: 0.9rem; letter-spacing: 0.5px; border-radius: 30px;
  }
  .dikey-link:hover { transform: none; }
  /* alt-sol RANDEVU AL + sağ-alt WhatsApp sayfanın son satırını kapatmasın */
  #footer1 { padding-bottom: 84px; }
}