/* Zen Post Banner -- volle Breite, Bild/Video-Cover. Siehe Zen_Shop_Addon_Post_Banner
   (class-post-banner.php) fuer die Injection-Logik. Gleiche Optik wie Shop-Banner
   (shop-banners.css), nur eigener Klassenname statt im Produktraster (ul.products).

   Slider und Desktop/Mobil-Umschaltung kommen aus banner-media.css. */
.zt-post-banner {
	width: 100%;
	margin: 24px 0;
}
.zt-post-banner-link {
	display: block;
	text-decoration: none;
}
.zt-post-banner-media {
	position: relative;
	display: block;
	width: 100%;
	/* Desktop immer 16:9, mobil quadratisch mit Umschalter auf 16:9 -- dieselbe Festlegung wie
	   beim Shop-Banner (Stephan 24.08.2026: "lass mal definieren desktop immer ratio 16:9 |
	   mobile immer 1:1 + mobile bekommt switch"), seit 25.08.2026 auch hier. Vorher 21:5 bzw.
	   mobil 4:3: ein flacher Streifen, in dem von einem 16:9-Motiv oben und unten das meiste
	   weggeschnitten wurde -- und ein anderer Ausschnitt als die Boxen in der Verwaltung
	   zeigen. */
	aspect-ratio: 16 / 9;
	min-height: 160px;
	overflow: hidden;
	border-radius: 10px;
	background: #f0f0f0;
}
.zt-post-banner-media img,
.zt-post-banner-media video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
@media (max-width: 767px) {
	.zt-post-banner-media {
		aspect-ratio: 1 / 1;
		min-height: 140px;
	}
	.zt-post-banner-media.zt-sb-mobil-169 {
		aspect-ratio: 16 / 9;
		min-height: 0;
	}
}