/* =============================================================
   ENYED — Mobil Uyum Düzeltme Katmanı

   SORUN: Kurumsal sayfalar (Hakkımızda, Hizmetlerimiz, Şubelerimiz,
   Teklif Al, Ülkeler/Okullar listeleri) düzeni satır içi style
   özniteliklerinde taşıyor ve bu dosyalarda tek bir @media kuralı yok.
   Sabit `grid-template-columns: repeat(auto-fit, minmax(340px, 1fr))`
   ve `font-size: 3.2rem` gibi değerler 375px genişlikte taşma ve
   yazıların üst üste binmesine yol açıyordu.

   ponytail: satır içi style'lar !important ile eziliyor. Kalıcı çözüm,
   bu stilleri view'lardan sınıflara taşımak (tasarım fazı). O iş
   bitince bu dosya silinmeli.
   ============================================================= */

/* Hiçbir koşulda yatay kaydırma olmasın. */
html, body { max-width: 100%; overflow-x: hidden; }

img, video, iframe, canvas, table { max-width: 100%; }

/* Uzun kelimeler / URL'ler kutudan taşmasın. */
h1, h2, h3, h4, p, li, td, th, span, a { overflow-wrap: break-word; }

@media (max-width: 900px) {
  /* ---- Izgaralar tek sütuna iner ---- */
  [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }

  /* ---- Bölüm iç boşlukları ---- */
  [style*="padding: 6rem"],
  [style*="padding: 5rem"],
  [style*="padding: 4rem"] {
    padding: 2.5rem 1.25rem !important;
  }

  [style*="padding: 2.5rem"] { padding: 1.5rem !important; }

  /* ---- Başlık boyutları ---- */
  [style*="font-size: 3.2rem"] { font-size: clamp(28px, 8vw, 40px) !important; }
  [style*="font-size: 2.8rem"] { font-size: clamp(26px, 7.5vw, 36px) !important; }
  [style*="font-size: 2.4rem"] { font-size: clamp(24px, 7vw, 32px) !important; }
  [style*="font-size: 2rem"]   { font-size: clamp(20px, 6vw, 26px) !important; }
  [style*="font-size: 1.8rem"] { font-size: clamp(19px, 5.5vw, 24px) !important; }
  [style*="font-size: 1.2rem"] { font-size: 1rem !important; }
  [style*="font-size: 1.15rem"] { font-size: 1rem !important; }
  [style*="font-size: 1.05rem"] { font-size: 0.95rem !important; }

  /* ---- Yan yana duramayacak esnek kutular ---- */
  [style*="display: flex"][style*="gap: 3rem"],
  [style*="display: flex"][style*="gap: 2rem"] {
    flex-wrap: wrap !important;
  }

  /* ---- Sabit genişlikler ---- */
  [style*="min-width: 340px"],
  [style*="min-width: 300px"],
  [style*="width: 300px"] {
    min-width: 0 !important;
    width: 100% !important;
  }

  /* ---- Tablolar kendi içinde kaysın ---- */
  table { display: block; overflow-x: auto; white-space: nowrap; }
}

@media (max-width: 480px) {
  [style*="padding: 2rem"] { padding: 1.25rem !important; }
  [style*="gap: 3rem"] { gap: 1.5rem !important; }
  [style*="gap: 2.5rem"] { gap: 1.25rem !important; }

  /* Yuvarlak rozet/etiketler taşmasın. */
  [style*="letter-spacing: 1px"][style*="text-transform: uppercase"] {
    letter-spacing: 0.5px !important;
  }
}