/*--------------------------------------------------------------
  Elyapı — Mobil Düzeltmeleri (site geneli)

  Tema başlığının mobil menüsü kapalıyken de yer kapladığı için
  sayfa yatay olarak taşıyordu (390px ekranda body genişliği
  2000px'i aşıyordu). Bu dosya o taşmayı giderir.
--------------------------------------------------------------*/

@media (max-width: 991px) {

	/* 1) Kapalı mobil menü gerçekten gizlensin.
	   Bootstrap'in .collapse{display:none} kuralı tema tarafından
	   etkisiz kaldığı için menü kapalıyken de genişlik üretiyordu.
	   .in (açık) ve .collapsing (animasyon) durumları korunur. */
	.mobile-navbar-collapse.collapse:not(.in):not(.collapsing) {
		display: none !important;
	}

	/* 2) Güvenlik ağı: başka bir öğe taşarsa sayfa yatay kaymasın.
	   "clip" kullanılıyor çünkü "hidden" yapışkan (sticky)
	   konumlandırmayı bozar. */
	html,
	body {
		overflow-x: clip;
		max-width: 100%;
	}

	/* 3) Izgara sütunları içeriğe göre şişmesin.
	   bootstrap-optimize.css `.row`'u flex yapıyor; genişlik tanımı
	   olmayan sütunlar (örn. yalnızca col-md-* taşıyanlar) dar ekranda
	   içerik kadar genişleyip sayfayı yatay taşırıyor. */
	.row > [class*="col-"] {
		min-width: 0;
		max-width: 100%;
	}

	/* 4) Elementor görsel grupları ekrana sığsın.
	   Altbilgideki lqd-imggrp bileşeni sabit genişlikle taşıyordu. */
	.lqd-imggrp-single,
	.lqd-imggrp-img-container,
	.lqd-imggrp-single figure {
		max-width: 100%;
	}
	.lqd-imggrp-single img {
		max-width: 100%;
		height: auto;
	}

	/* 5) Menü açıkken viewport dışına çıkmasın */
	.mobile-navbar-collapse.collapse.in,
	.mobile-navbar-collapse.collapsing {
		max-width: 100vw;
	}
}