/**
 * Ukrycie chrome motywu WP / IH na stronach publicznych ERL (kalkulator, portal, landing…).
 */

/* ── Reset viewport ── */
html:has(body.erl-chromeless-page),
body.erl-chromeless-page {
	margin: 0 !important;
	padding: 0 !important;
	padding-top: 0 !important;
	background: #ffffff !important;
}

body.erl-chromeless-page {
	--erl-chromeless-nav-h: 3.25rem;
	--erl-modal-nav-offset: clamp(5rem, calc(var(--erl-chromeless-nav-h) + 1.25rem), 7rem);
}

/* ── WP admin bar ── */
body.erl-chromeless-page #wpadminbar,
body.admin-bar.erl-chromeless-page #wpadminbar,
#wpadminbar.erl-chromeless-hide {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

html.admin-bar body.erl-chromeless-page,
html.admin-bar:has(body.erl-chromeless-page),
body.admin-bar.erl-chromeless-page {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* ── Motyw IH — fixed nav #2d2d2d (wstrzykiwany w wp_footer) ── */
body.erl-chromeless-page .ih-paper-overlay,
body.erl-chromeless-page .kt-row-layout-overlay,
body.erl-chromeless-page .ih-inner-nav-wrap,
body.erl-chromeless-page #ih-global-nav-wrap,
body.erl-chromeless-page .ih-global-nav-wrap,
body.erl-chromeless-page #ih-main-nav,
body.erl-chromeless-page .ih-main-nav,
body.erl-chromeless-page .skip-link {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

body.erl-chromeless-page #masthead,
body.erl-chromeless-page .site-header,
body.erl-chromeless-page header.site-header,
body.erl-chromeless-page footer.site-footer,
body.erl-chromeless-page #colophon,
body.erl-chromeless-page .entry-header,
body.erl-chromeless-page .page-header,
body.erl-chromeless-page .entry-title,
body.erl-chromeless-page .page-title,
body.erl-chromeless-page aside:not(.erl-step1__tabelka-cta),
body.erl-chromeless-page .sidebar,
body.erl-chromeless-page #secondary,
body.erl-chromeless-page .widget-area,
body.erl-chromeless-page .site-footer,
body.erl-chromeless-page nav.main-navigation,
body.erl-chromeless-page .main-navigation,
body.erl-chromeless-page .breadcrumb,
body.erl-chromeless-page .breadcrumbs,
body.erl-chromeless-page [role="contentinfo"]:not(.erl-g-footer) {
	display: none !important;
}

body.erl-chromeless-page #page,
body.erl-chromeless-page #content,
body.erl-chromeless-page .site-content,
body.erl-chromeless-page .content-area,
body.erl-chromeless-page main,
body.erl-chromeless-page .entry-content,
body.erl-chromeless-page .wp-block-post-content,
body.erl-chromeless-page article:not(.erl-g-card),
body.erl-chromeless-page .site-inner,
body.erl-chromeless-page .content-sidebar-wrap,
body.erl-chromeless-page .inside-article {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.erl-chromeless-page .wp-block-paragraph:has(.erl-front-shell),
body.erl-chromeless-page .wp-block-paragraph:has(.erl-glowna),
body.erl-chromeless-page .wp-block-paragraph:has(.erl-portal-root),
body.erl-chromeless-page .wp-block-paragraph:has(.erl-step1),
body.erl-chromeless-page .wp-block-paragraph:has(.erl-models-compare) {
	margin: 0 !important;
	padding: 0 !important;
}

/* ── Menu ERL — fixed od góry viewport (ponad IH z-index 99999) ── */
body.erl-chromeless-page .erl-g-nav {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	z-index: 100001 !important;
	margin: 0 !important;
	border-top: 0 !important;
}

body.erl-chromeless-page .erl-front-shell,
body.erl-chromeless-page .erl-glowna {
	margin-top: 0 !important;
	padding-top: var(--erl-chromeless-nav-h) !important;
}

body.erl-chromeless-page .erl-glowna > .erl-g-nav + * {
	margin-top: 0;
}

body.erl-chromeless-page .erl-step1__tabelka-cta {
	display: flex !important;
	margin-bottom: 1.5rem;
}