/* vita-mobile.css — SADECE mobil/tablet (<=991px) iyileştirmeleri.
   Masaüstü tasarımına dokunmaz; tüm kurallar media query içindedir. */

@media (max-width: 991.98px) {

  /* ---- Sayfa sağa-sola kaymasın (yatay kayma kilidi) ---- */
  html, body {
    overflow-x: clip;      /* yatay kaydırmayı engelle (sticky/fixed'i bozmaz) */
    max-width: 100%;
  }
  /* Dekoratif/taşan öğeler yatay kaydırma yaratmasın */
  .content-wrapper, section, .container, .row {
    max-width: 100%;
  }

  /* ---- Navbar / mega menü: içerik panele sığsın, yazılar kaydırılıp kesilmesin ---- */
  .offcanvas .dropdown-item,
  .offcanvas-nav .dropdown-item {
    white-space: normal !important;
    line-height: 1.35 !important;
  }
  .offcanvas .mega-menu,
  .offcanvas-nav .mega-menu {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-shadow: none !important;
  }
  .offcanvas .mega-menu-content .row {
    --bs-gutter-x: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .offcanvas .mega-menu-content [class*="col-"] {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .offcanvas .mega-menu .dropdown-header {
    white-space: normal !important;
  }
  /* ikon + iki satır metin: üstten hizala, taşma olmasın */
  .offcanvas .mega-menu li[style*="flex"] {
    align-items: flex-start !important;
    padding-right: 12px !important;
  }
  .offcanvas .mega-menu li a {
    min-width: 0;
  }

  /* ---- Genel mobil güvenlik/iyileştirme ---- */
  /* Uzun kelime/URL'ler taşıp yatay kaymaya yol açmasın */
  p, h1, h2, h3, h4, h5, li, .article-section, .card-body {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  /* İçerik içinde tablo varsa yatay kaydırılabilir olsun (taşmasın) */
  .article-section table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* Görsel/gömülü içerik kabına sığsın */
  .article-section img,
  .card img,
  iframe {
    max-width: 100%;
    height: auto;
  }

}