/*
 * WP JAC Fras - moduł "images" (inc/modules/images.php).
 *
 * Okładka (blok "Okładka" = tekst nad obrazkiem) z wyrównaniem "Pełna szerokość":
 *  - tło / obrazek rozciąga się na cały viewport,
 *  - treść (tekst, przyciski) i jej pozycja (lewo / środek / prawo, góra / dół)
 *    liczą się względem kontenera (--grid-maxWidth = 120rem), tak jak header i rzędy.
 *
 * Sposób: okładka ma 100vw, a boczny padding = pół różnicy między viewportem a kontenerem.
 * Pozycję treści WP robi flexem w polu po odjęciu paddingu, więc "lewo" = lewa krawędź kontenera.
 */
.wp-jac-content .wp-block-cover.alignfull,
.wp-jac-content .wp-block-cover.alignfull.has-custom-content-position {
	box-sizing: border-box;
	width: 100vw;
	max-width: 100vw;
	/* margines z !important, bo layout "constrained" centruje dzieci przez margin:auto !important */
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	/* 2rem = ten sam odstęp tekstu od krawędzi kontenera co w pozostałych rzędach */
	padding-left: max(2rem, calc((100vw - var(--grid-maxWidth)) / 2 + 2rem));
	padding-right: max(2rem, calc((100vw - var(--grid-maxWidth)) / 2 + 2rem));
}

/* zawartość nie przekracza kontenera (przy domyślnym środkowym położeniu zajmuje całe pole) */
.wp-jac-content .wp-block-cover.alignfull > .wp-block-cover__inner-container {
	max-width: calc(var(--grid-maxWidth) - 4rem);
}

/* zwykła okładka (bez pełnej szerokości) zostaje w kontenerze */
.wp-jac-content .wp-block-cover:not(.alignfull) {
	max-width: var(--grid-maxWidth);
}