/*
 * MMA Szkolenia Zamknięte — style strony /szkolenia-zamkniete/
 *
 * v1.4.15 (2026-04-28) — Realizacja: H3 — `margin-top: 3.5rem` (jak v1.4.13) + `margin-bottom: 4rem` (większy niż v1.4.14).
 * v1.4.14 (2026-04-28) — Realizacja: większy tylko `margin-bottom` H3 „Czego…" / „Zrealizowane szkolenia" (bez dodatkowego góry).
 * v1.4.13 (2026-04-28) — Realizacja: większe `margin` NAD/POD H3 „Czego możesz się spodziewać?” + „Zrealizowane szkolenia” (scope `.szkz-page .mma-wsp-realizacja`).
 * v1.4.12 (2026-01-28) — Realizacja szkz: szary pas do CTA; `padding-top` na bandzie; galeria na szarym tle; separator usunięty → H3 „Czego…”.
 * v1.4.11 (2026-01-28) — Realizacja szkz: szary pas 100vw + nagłówek w pasie; większe marginesy separatora; overflow-x.
 * v1.4.10 (2026-01-28) — Realizacja szkz: szary tylko `.mma-wsp-real-szkz-hero-band`, galeria biała; galeria + zdjęcia w etapach.
 * v1.4.9 (2026-04-30) — Realizacja (szkz): tło #f8f8f8 jak hero; brak galerii; etapy bez obrazków; separator wideo → etapy. [Częściowo wycofane w 1.4.10.]
 * v1.4.8 (2026-04-30) — bump (ACF wideo_url + YouTube).
 * v1.4.7 (2026-04-28) — Realizacja (szkz): wideo Vimeo — `.mma-wsp-real-szkz-wideo` żółta ramka 3px #f5c518 (jak intro).
 * v1.4.5 (2026-04-29) — mobile (≤991px): `.mma-wsp-intro__haslo` `text-align: center`.
 * v1.4.4 (2026-04-29) — okruszki 8554 z powrotem w flow (`mma-cart.css` v1.9.9): usunięty podwójny `padding-top` na intro; cap obrazu hero **920px** (było 1050px).
 * v1.4.3 (2026-04-29) — `padding-top: 220px` intro na wszystkich szerokościach (fix telefonu pod menu; wcześniej tylko ≥769px); ACF tytuł — textarea. Desktop ≥769: `min-height` 100vh + padding dół bez zmian.
 * v1.4.2 (2026-04-29) — hero: padding-top 220px (flow pod fixed navbar) + min-height 100vh (box-sizing), żeby sekcja nie wchodziła pod belkę i wypełniała ekran do dołu; menu Szkolenia: force + tytuł.
 * v1.4.1 (2026-04-28) — hero img max-width 1050px; v1.4.0: cap 1200px.
 * v1.4.0 (2026-04-28) — cap img hero 1200px jak mma-wspolpraca.css (było 1100px).
 * v1.3.0 (2026-04-28) — usunięty własny padding-bottom hero (align z /wspolpraca/).
 * v1.2.0 (2026-04-29):
 *   - (historycznie) był tu padding-bottom intro — cofnięte w 1.3.0; zachowane: mniejszy cap img, contain, ramka.
 *   - sekcja „Co robimy" używa `mma-wsp-oferta` z mma-wspolpraca.css (bez dodatkowych reguł .szkz-opis / .szkz-cta).
 *
 * v1.1.0 (2026-04-28) — …
 * v1.0.0 (2026-04-25) — historyczne style (DEPRECATED).
 */

/* v1.3.0 (2026-04-28): usunięty extra padding-bottom na intro — sekcja hero jak /wspolpraca/ dochodzi do dołu viewportu. */
/* 8554: odsunięcie pod menu zapewnia `.szkolenia-content` (webflow) gdy okruszki w flow (mma-cart v1.9.9) — brak własnego padding-top na intro. */
/* v1.4.5: nagłówek hero (H2) wyśrodkowany na mobile — ten sam próg co intro w mma-wspolpraca.css (≤991px). */
@media (max-width: 991px) {
	.szkz-page .mma-wsp-intro__haslo {
		text-align: center;
	}
}

/* ══ HERO IMG: pełna widoczność, mniejszy cap niż domyślne 1200px w mma-wspolpraca.css ═════════ */
.szkz-page .mma-wsp-intro__img {
	width: 100%;
	max-width: 920px;
	height: auto;
	aspect-ratio: auto;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}

/* ══ HERO IMG-WRAP: żółta ramka opina zdjęcie po naturalnych proporcjach ═════════════════════ */
.szkz-page .mma-wsp-intro__img-wrap {
	display: inline-block;
	max-width: 100%;
	line-height: 0; /* eliminuje baseline gap pod img */
}

/* ══ HERO MEDIA: wyśrodkowanie wrappera ═════════════════════════════════════════════════════ */
.szkz-page .mma-wsp-intro__media {
	text-align: center;
}

.szkz-page .mma-wsp-section.mma-wsp-realizacja {
	overflow-x: hidden;
}

/* Szary pas: tło na całą szerokość viewportu (`::before`); treść w kolumnie jak `.mma-wsp-inner` */
.szkz-page .mma-wsp-real-szkz-hero-band {
	position: relative;
	z-index: 0;
	margin: 0 0 0;
	padding: 2.5rem 0 2.5rem;
}

.szkz-page .mma-wsp-real-szkz-hero-band::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 100vw;
	max-width: none;
	transform: translateX(-50%);
	background-color: var(--mma-wsp-gray);
}

.szkz-page .mma-wsp-real-szkz-hero-band > * {
	position: relative;
	z-index: 1;
}

.szkz-page .mma-wsp-realizacja .mma-wsp-real-galeria {
	background-color: transparent;
	margin: 0;
	padding: 1.5rem 0 2.5rem;
}

/* Oba H3 w Realizacji — góra jak v1.4.13, większy odstęp pod niż w v1.4.14 */
.szkz-page .mma-wsp-realizacja .mma-wsp-real-galeria__naglowek {
	margin-top: 3.5rem;
	margin-bottom: 4rem;
}

/* v1.4.7: wideo w sekcji Realizacja (zamiast karty projektu) — ten sam kolor obwódki co `mma-wsp-intro__img-wrap` */
.szkz-page .mma-wsp-real-szkz-wideo {
	margin: 0 0 0.5rem;
	max-width: 100%;
}

.szkz-page .mma-wsp-real-szkz-wideo__frame {
	border: 3px solid #f5c518;
	box-sizing: border-box;
	border-radius: 8px;
	overflow: hidden;
	background: #000;
	line-height: 0;
}

.szkz-page .mma-wsp-real-szkz-wideo__frame .mma-wsp-timeline-item__video-wrap {
	border-radius: 0;
}

.szkz-page .mma-wsp-real-szkz-wideo__opis {
	margin-top: 1rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #1a1a2e;
}