/* ═══════════════════════════════════════════════════════════════════════════
   TARİH AJANI — PREMIUM MOBİL (vitrin sayfaları: Ana Sayfa · Üyelik · Ürünler ·
   Arşiv). Yapısal mobil düzeltmeler (☰ menü, grid tek sütun, min-width sıfırlama)
   mobil-nav.js'te yapılır; BU dosya bunun üstüne PREMIUM dokunuş ekler:
   yatay taşma kilidi, başparmak-dostu birincil CTA'lar, okuma ritmi, dokunma
   hedefleri ve çentik güvenli alanı. Tümü yalnız ≤840/600px; masaüstüne etkisiz.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) YATAY TAŞMA KİLİDİ (mobilin 1 numaralı kusuru) ────────────────────── */
@media (max-width: 840px) {
  html, body { overflow-x: hidden; max-width: 100%; }
  img, video, svg, canvas, iframe { max-width: 100%; height: auto; }
  /* Uzun kesintisiz metin/prompt satırları ekranı sağa itmesin */
  p, li, span, h1, h2, h3, code { overflow-wrap: anywhere; word-break: break-word; }
  /* Yumuşak, ivmeli kaydırma (premium his) */
  html { -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; }
}

/* ── 2) BİRİNCİL ALTIN CTA'LAR: başparmakla rahat ─────────────────────────────
   Telefonda (≤600px) altın gradyan çağrı butonları tam genişlik, yüksek dokunma
   alanı ve yumuşak köşe alır — vitrin dönüşümünün premium hissi. Header nav zaten
   ☰'e gizlendiği için oradaki pillere dokunmaz; içerik CTA'ları büyür. */
@media (max-width: 600px) {
  a[style*="linear-gradient(110deg, #a77d35"],
  a[style*="linear-gradient(110deg,#a77d35"],
  button[style*="linear-gradient(110deg, #a77d35"],
  button[style*="linear-gradient(110deg,#a77d35"] {
    display: flex !important;
    align-items: center; justify-content: center;
    width: 100%; min-height: 54px;
    text-align: center; white-space: normal;
    border-radius: 13px !important;
    box-shadow: 0 12px 30px -12px rgba(230, 196, 120, .55) !important;
  }
  /* Yan yana iki CTA'yı saran esnek konteyner mobilde alt alta dizsin */
  [style*="display: flex"][style*="gap"] > a[style*="linear-gradient(110deg, #a77d35"] {
    flex: 1 1 100%;
  }
}

/* ── 3) DOKUNMA HEDEFLERİ (WCAG ~44px) ───────────────────────────────────────
   Altbilgi ve içerik linkleri parmakla kolay dokunulur olsun. Header nav mobilde
   gizli olduğundan yalnız görünür linkleri hedefler. */
@media (max-width: 840px) {
  footer a { min-height: 44px; display: inline-flex; align-items: center; }
}

/* ── 4) OKUMA RİTMİ + BAŞLIK ÖLÇEĞİ (premium tipografi) ───────────────────── */
@media (max-width: 600px) {
  p { line-height: 1.72; }
  h1 { line-height: 1.14; }
  h2 { line-height: 1.18; }
  /* Çok büyük SABİT başlıklar (clamp'siz) telefonda taşmasın — güvenlik tavanı */
  h1[style*="font-size: 44px"], h1[style*="font-size: 48px"],
  h1[style*="font-size: 52px"], h1[style*="font-size: 56px"] {
    font-size: clamp(30px, 8.5vw, 42px) !important;
  }
}

/* ── 5) ÇENTİK GÜVENLİ ALANI (iPhone alt bar) ────────────────────────────── */
@media (max-width: 840px) {
  body { padding-bottom: env(safe-area-inset-bottom); }
}