/*
 * Wspolna geometria podstron w nowym szablonie.
 *
 * Widoki aplikacji korzystaja ze starego Bootstrapa, a naglowek z CSS
 * WordPress/Astra. Obie warstwy definiuja ogolne klasy (m.in. .container),
 * dlatego bez izolacji poszczegolne moduly potrafia miec inna os strony.
 */

.meteoryt-subpage-content {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.meteoryt-subpage-content__inner {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	min-width: 0;
	margin-right: auto !important;
	margin-left: auto !important;
}

/*
 * Wszystkie standardowe kontenery modulow maja od tej pory te sama os
 * i szerokosc. Regula obejmuje m.in. produkty, koszyk, formularze,
 * kategorie, listy oraz zwykle podstrony.
 */
.meteoryt-subpage-content .container {
	box-sizing: border-box;
	width: min(100%, 1170px) !important;
	max-width: 1170px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.meteoryt-subpage-content .row,
.meteoryt-subpage-content [class*="col-"] {
	min-width: 0;
}

.meteoryt-subpage-content img,
.meteoryt-subpage-content table,
.meteoryt-subpage-content iframe,
.meteoryt-subpage-content video {
	max-width: 100%;
}

/*
 * Miniatura koszyka ma staly obszar, ale zdjecie musi miescic sie w nim
 * w calosci. Stary styl ustawial tylko szerokosc i ucinal dol obrazu.
 */
.meteoryt-subpage-content .cart-table--responsive .cart-item-image a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.meteoryt-subpage-content .cart-table--responsive .cart-item-image img,
.meteoryt-subpage-content .cart-table--responsive img.img-responsive {
	box-sizing: border-box;
	width: 100% !important;
	height: 100% !important;
	padding: 3px;
	object-fit: contain;
	object-position: center;
}

/*
 * Podstrony dostarczane jako kompletny dokument WordPress/Elementor
 * (np. Kontakt.html) nie przechodza przez wrapper aplikacji powyzej.
 * Ich sekcje po banerze dostaja ten sam centralny kontener i marginesy.
 */
.site-content,
.site-content > .ast-container,
.site-content .content-area,
.site-content .site-main,
.site-content .entry-content,
.site-content .entry-content > .elementor {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	min-width: 0;
}

.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) > .elementor-container {
	box-sizing: border-box;
	width: min(calc(100% - clamp(32px, 6vw, 96px)), 1170px) !important;
	max-width: 1170px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-column,
.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-widget-wrap,
.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-widget,
.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-widget-container {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
}

@media (max-width: 767px) {
	.meteoryt-subpage-content .container {
		width: 100% !important;
	}

	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) > .elementor-container {
		width: calc(100% - 32px) !important;
	}

	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-column {
		width: 100% !important;
		max-width: 100% !important;
		flex-basis: 100% !important;
	}

	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-widget-wrap,
	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-widget,
	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-widget-container,
	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-image-box-wrapper,
	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) .elementor-image-box-content {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) ol,
	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) ul {
		box-sizing: border-box;
		width: auto !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		padding-right: 0 !important;
	}

	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) h1,
	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) h2,
	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) h3,
	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) h4,
	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) p,
	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) li,
	.site-content .entry-content > .elementor > .elementor-top-section:not(:first-child) a {
		max-width: 100%;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
		word-break: break-word;
	}
}