/* İşin Olsa – Reklam Yöneticisi : frontend stilleri
 *
 * ÖNEMLİ: Buradaki 768px kırılımı assets/iso-reklam.js içindeki MOBIL_ESIK
 * değeriyle AYNI olmak zorundadır. Biri değişirse diğeri de değişmelidir;
 * aksi halde bir cihazda gizlenen slota kod enjekte edilir.
 */

/* Genel reklam kabı (tam genişlik slotlar) */
.iso-reklam {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 18px auto;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
	clear: both;
}

.iso-reklam-etiket {
	display: block;
	font-size: 11px;
	line-height: 1.4;
	color: #9a9a9a;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 4px;
}

/* CLS koruması: kap, reklam yüklenmeden ÖNCE de yerini tutar.
   Yükseklikler slotun style="" niteliğinden gelir. */
.iso-reklam-kutu {
	min-height: var(--iso-h-d, 100px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.iso-reklam-kutu .adsbygoogle {
	display: block;
	width: 100%;
}

/* Yalnızca tek platform için kod girilmiş slotlar.
   Gizleme CSS ile, ilk boyamadan itibaren yapılır; JS ile sonradan
   display:none verilseydi sayfa zıplardı. */
@media (min-width: 769px) {
	.iso-reklam--sadece-mobil {
		display: none !important;
	}
}

@media (max-width: 768px) {
	.iso-reklam--sadece-masa {
		display: none !important;
	}
}

/* -----------------------------------------
   Masaüstü sol yapışık 300x250
   ----------------------------------------- */
.iso-reklam--sol-float {
	float: left;
	width: 300px;
	max-width: 300px;
	margin: 6px 22px 14px 0;
	overflow: visible;
	text-align: left;
	/* clear:both float'ı bozar; bu slot bilinçli olarak temizlenmez. */
	clear: none;
}

.iso-reklam--sol-float .iso-reklam-kutu {
	min-height: 250px;
	width: 300px;
	display: block;
}

.iso-reklam--sol-float .iso-reklam-etiket {
	text-align: center;
}

/* -----------------------------------------
   Sidebar slotu
   ----------------------------------------- */
.iso-reklam--sidebar-ustu {
	margin: 0 0 20px;
}

/* -----------------------------------------
   Mobil (<=768px)
   ----------------------------------------- */
@media (max-width: 768px) {
	.iso-reklam {
		margin: 14px auto;
	}

	.iso-reklam-kutu {
		min-height: var(--iso-h-m, 100px);
	}

	/* Sol yapışık slot mobilde tamamen devre dışı (JS ayrıca DOM'dan çıkarır) */
	.iso-reklam--sol-float {
		display: none !important;
	}
}

/* Yerleştirme testi için görünür yer tutucu (yalnızca test modunda) */
.iso-reklam--test .iso-reklam-kutu {
	background: repeating-linear-gradient(45deg, #eef3ff, #eef3ff 10px, #dde7ff 10px, #dde7ff 20px);
	border: 1px dashed #6a8fd8;
	color: #33517f;
	font: 600 13px/1.4 system-ui, sans-serif;
}