/*
 * FURKAN İNŞAAT — mobil düzeltme katmanı (2026-11-11)
 * Temanın style.css dosyasına dokunmaz; tema/genel/index.php içinde style.css'ten SONRA yüklenir.
 * İçerik, renk ve metin içermez; yalnızca yerleşim düzeltmesidir (içerik panelden gelir).
 * Renkler panel değişkenlerinden (var(--primary) vb.) okunur.
 */

/* 1) Çerez bildirimi: telefonda 400 px sabit genişlik ve 30 px sol boşluk ekrandan taşıyordu. */
@media (max-width: 575.98px) {
	#cookie-alert-popup {
		left: 12px !important;
		right: 12px !important;
		bottom: 12px !important;
	}
	#cookie-alert-popup .alert-popup__card {
		width: auto !important;
	}
}
/* Mobil menü açıkken çerez bildirimi menünün üstünde kalıyordu. */
body:has(.header-nav.show) #cookie-alert-popup {
	display: none !important;
}

/* 2) Ana sayfa proje kaydırıcısı: oklar kart başlığının üstüne biniyordu; telefonda kartların altına alınır. */
@media (max-width: 767.98px) {
	.amenities-carousel {
		padding-bottom: 60px;
	}
	.amenities-carousel .owl-nav .owl-prev,
	.amenities-carousel .owl-nav .owl-next {
		top: auto !important;
		bottom: 0 !important;
		right: auto !important;
		margin: 0 !important;
		transform: none !important;
	}
	.amenities-carousel .owl-nav .owl-prev {
		left: calc(50% - 50px) !important;
	}
	.amenities-carousel .owl-nav .owl-next {
		left: calc(50% + 10px) !important;
	}
}

/* 3) Ana sayfa Hakkımızda: telefonda arka plan görseli metnin altına biniyordu.
 *    Görsel metnin altına, kendi alanına taşınır (görsel yine panelden: sayfalar.resim). */
@media (max-width: 767.98px) {
	.about-box {
		display: flex;
		flex-direction: column;
	}
	.about-box .about-bg {
		order: 2;
		position: relative !important;
		height: 230px;
		width: auto !important;
		margin: 24px 15px 0;
		left: auto !important;
		top: auto !important;
		/* Görselin solu saydam (masaüstü tasarımı); telefonda opak sağ kısmı gösterilir. */
		background-size: 150% auto !important;
		background-position: 100% 60% !important;
		border-radius: 12px;
		animation: none !important;
	}
}

/* 4) İç sayfa başlık bandı: uzun başlıklar (ör. proje adı) logonun arkasına giriyordu. */
/*    Başlık alanı mobilde 128 px yüksekliğindeki header'ın altından başlar; band sabit yükseklik yerine içeriğe göre uzar. */
@media (max-width: 991.98px) {
	.dlab-bnr-inr {
		height: auto !important;
		min-height: 300px;
	}
	.dlab-bnr-inr .container {
		height: auto !important;
	}
	.dlab-bnr-inr .dlab-bnr-inr-entry {
		height: auto !important;
		padding-top: 145px !important;
		padding-bottom: 40px !important;
	}
	.dlab-bnr-inr .dlab-bnr-inr-entry h1 {
		font-size: 28px;
		line-height: 1.25;
	}
}