/* ===========================================================================
   Ośrodek narciarski — zdjęcie LUB wideo ([dimbo_sec_osrodek_media]).
   Moduł: includes/osrodek-media.php. Desktop: max 320px wysokości (cover),
   tablet/mobile: proporcje 16:9, nie wyżej niż 60vw. Wideo = to samo pudełko.
   =========================================================================== */
.dimbo-osrodek-foto-wrap {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-radius: 14px;
	line-height: 0;
	background: #EDE8DD;
}
.dimbo-osrodek-foto-wrap .dimbo-osrodek-foto-media {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	max-height: min(320px, 60vw);
	object-fit: cover;
	object-position: center;
	margin: 0;
	border: 0;
	border-radius: 0;
}
.dimbo-osrodek-foto-wrap--video { background: #000; }

/* Link powiększenia (lightbox galerii) — bez wpływu na układ. */
.dimbo-osrodek-galeria { margin: 0; }
.dimbo-osrodek-foto-link {
	display: block;
	line-height: 0;
	cursor: zoom-in;
	border-radius: inherit;
	overflow: hidden;
}
.dimbo-osrodek-foto-link:focus-visible {
	outline: 3px solid #B08D57;
	outline-offset: -3px;
}

/* Wariant „nagłówek karty" — media nad kartą z opisem (szablon Buildera 1184):
   zaokrąglona tylko góra, dopasowana do ramki 1px kolumny (14px − 1px). */
.dimbo-osrodek-foto-wrap--card-top { border-radius: 13px 13px 0 0; }

/* Pusto → brak bloku: chowamy kolumnę Buildera zawierającą WYŁĄCZNIE znacznik
   (gdy w kolumnie jest cokolwiek widocznego — nagłówek, tekst, obraz, wideo… —
   reguła nie działa). */
.mcb-column:has(.dimbo-osrodek-media-empty):not(:has(h1, h2, h3, h4, h5, h6, p:not(:empty), li, img, video, iframe, picture, svg, table, form, .dimbo-osrodek, .dimbo-offer-section, .dimbo-osrodek-foto-wrap, .dimbo-sec-body)) {
	display: none !important;
}
.dimbo-osrodek-media-empty { display: none !important; }
/* …a karta z opisem (kolejny wrap) dostaje górną krawędź i zaokrąglenie. */
.mcb-section .mcb-wrap:has(> .mcb-wrap-inner > .mcb-column .dimbo-osrodek-media-empty):not(:has(.dimbo-osrodek-foto-wrap)) + .mcb-wrap > .mcb-wrap-inner {
	border-top: 1px solid #D6D6D6;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}