/**
 * Єдина ширина контенту: 1920px + бокові відступи (як --theme-var-page_fullwide_*).
 */

:root {
	--st-layout-max: var(--theme-var-page_fullwide_max, 1920px);
	--st-layout-gutter: clamp(16px, 4vw, var(--theme-var-page_fullwide_extra, 60px));
	--st-layout-align-pad: calc((100vw - min(100vw, var(--st-layout-max))) / 2 + var(--st-layout-gutter));
	--theme-var-page_width: var(--st-layout-max);
}

/* ——— Body / основний контент ——— */
/* За замовчуванням — gutter (Woo, блог, каталог тощо).
   Без gutter лише на Elementor-сторінках (клас suntime-layout-elementor-padding з PHP). */

.page_content_wrap > .content_wrap,
.page_content_wrap > .content_wrap_fullscreen {
	width: 100% !important;
	max-width: var(--st-layout-max) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--st-layout-gutter) !important;
	padding-right: var(--st-layout-gutter) !important;
	box-sizing: border-box !important;
}

body.suntime-layout-elementor-padding .page_content_wrap,
body.suntime-layout-elementor-padding .page_content_wrap > .content_wrap,
body.suntime-layout-elementor-padding .page_content_wrap > .content_wrap_fullscreen {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.content_wrap .content_wrap,
.content_wrap .content_container,
.content_container .content_wrap,
.content_container .content_container {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.menu_mobile .menu_mobile_content_wrap.content_wrap {
	max-width: none !important;
}

/* ——— Top bar + header (Elementor layouts 21929, 24139) ——— */

/* Не скидати gutter у рядках top bar / main header (data-id з Elementor layout) */
.top_panel_custom .elementor > .elementor-element:not([data-id="b39e892"]):not([data-id="3b48329"]) {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Повноширинні рядки: контент по сітці 1920 + gutter */
.top_panel .elementor > .e-con.e-parent:not(.e-con-with-custom-width) {
	--padding-left: var(--st-layout-align-pad) !important;
	--padding-right: var(--st-layout-align-pad) !important;
	padding-left: var(--st-layout-align-pad) !important;
	padding-right: var(--st-layout-align-pad) !important;
	box-sizing: border-box !important;
}

/* Рядки з custom width (вже max 1920): лише боковий gutter, без подвійного центрування */
.top_panel .elementor > .e-con.e-parent.e-con-with-custom-width,
.top_panel [data-id="3b48329"],
.top_panel [data-id="b39e892"] {
	--padding-left: var(--st-layout-gutter) !important;
	--padding-right: var(--st-layout-gutter) !important;
	padding-left: var(--st-layout-gutter) !important;
	padding-right: var(--st-layout-gutter) !important;
	width: 100% !important;
	max-width: var(--st-layout-max) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

.top_panel .e-con-boxed > .e-con-inner {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ——— Футер ——— */

.suntime-footer__inner {
	max-width: var(--st-layout-max) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--st-layout-gutter) !important;
	padding-right: var(--st-layout-gutter) !important;
	box-sizing: border-box !important;
}