/* ETA — globalne poprawki Elementor na wąskich ekranach (marginesy zigzag, gutter)
   Wersja 1.0.0 / 2026-07-17 */

@media (max-width: 767px) {
	.content_wrap_fullscreen,
	.content_wrap_fullscreen > .content {
		overflow-x: clip;
		max-width: 100%;
	}

	/* Desktop zigzag: ujemne margin-left ucina treść po lewej */
	.elementor .e-con.elementor-element,
	.elementor .e-con > .e-con-inner,
	.elementor .elementor-widget {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* Boxed — mniejszy gutter, pełna szerokość kolumny treści */
	.elementor .e-con-boxed > .e-con-inner {
		max-width: 100% !important;
		width: 100% !important;
		padding-inline: clamp(12px, 4vw, 18px) !important;
		box-sizing: border-box;
	}

	.elementor .e-con.e-parent {
		--padding-left: clamp(12px, 4vw, 18px) !important;
		--padding-right: clamp(12px, 4vw, 18px) !important;
		padding-inline: clamp(12px, 4vw, 18px) !important;
	}

	.elementor .elementor-widget-text-editor,
	.elementor .elementor-widget-text-editor .elementor-widget-container {
		overflow-wrap: anywhere;
		word-break: normal;
		hyphens: auto;
		max-width: 100%;
	}

	.elementor .elementor-heading-title {
		overflow-wrap: anywhere;
		hyphens: auto;
	}
}

@media (max-width: 767px) {
	body.eta-shop-skin.single-product div.product {
		padding-inline: 12px !important;
	}

	body.eta-shop-skin.single-product div.product > .summary,
	body.eta-shop-skin.single-product div.product > .woocommerce-product-gallery {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	body.eta-shop-skin.single-product .woocommerce-breadcrumb {
		padding-inline: 12px !important;
	}

	body.eta-shop-skin.single-product div.product .summary .woocommerce-product-details__short-description {
		max-width: 100% !important;
		overflow-wrap: anywhere;
	}
}

@media (max-width: 480px) {
	.elementor .e-con.e-parent {
		--padding-left: 12px !important;
		--padding-right: 12px !important;
		padding-inline: 12px !important;
	}

	.elementor .e-con-boxed > .e-con-inner {
		padding-inline: 12px !important;
	}
}
