/*
 * Vurgu görseli (728×90) — tema ile uyumlu, ortalanmış.
 * Not: Üçüncü taraf alan adından yüklenen görsel liste tabanlı engelleyicilerce
 * bloke edilebilir. Kalıcı çözüm: görseli kendi WP medya kütüphanenize yükleyin.
 */

/* ── Tekil yazı: banner (video altı) ─────────────────────────── */

/* Tüm sarmalayıcı katmanları tam genişlik blok yapılır */
.jv-highlight-row,
.jv-highlight-inner,
.jv-site-tile {
	display: block !important;
	width: 100% !important;
	float: none !important;
	clear: both !important;
	box-sizing: border-box !important;
	line-height: 0 !important;
	padding: 0 !important;
}

.jv-highlight-row {
	margin: 0.75rem 0 !important;
	padding: 0 12px !important;
}

.jv-highlight-row--single {
	margin-top: 1rem !important;
	margin-bottom: 1.5rem !important;
}

/* Bağlantı: max-width + margin auto = yatay ortalama */
.jv-tile-link {
	display: block !important;
	width: 100% !important;
	max-width: 728px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	line-height: 0 !important;
	border-radius: var(--justvideo-card-radius, 12px) !important;
	overflow: hidden !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) !important;
}

/* Görsel: bağlantıyı tam doldurur */
.jv-tile-visual {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-height: 90px !important;
	aspect-ratio: 728 / 90 !important;
	object-fit: contain !important;
	background: #0d0d0d !important;
}

/* ── Ana sayfa döngüsü ────────────────────────────────────────── */

/* Masaüstünde her zaman gizli */
.jv-home-slot {
	display: none !important;
	width: 100% !important;
	clear: both !important;
	float: none !important;
	margin: 0.75rem 0 1.25rem !important;
	padding: 0 10px !important;
	box-sizing: border-box !important;
}

.jv-highlight-row--loop {
	margin: 0 auto !important;
	padding: 0 !important;
}

/* Yalnızca mobil (767px ve altı) görünür */
@media only screen and (max-width: 767px) {
	.jv-home-slot {
		display: block !important;
	}
}
