/* ─────────────────────────────────────────────────────────────────────────
   ETA Innovations — Header: ukryj szukajkę + przycisk "Skontaktuj się"
   Wersja 1.4.8 / 2026-07-06
   ───────────────────────────────────────────────────────────────────────── */

/* Search — włączony przez eta-site-fixes (eta-search-enabled). Stare ukrywanie usunięte. */

:root {
	--eta-header-pad-y: 22px;
	--eta-header-pad-y-mobile: 15px;
	--eta-header-actions-gap: 16px;
	--eta-header-icon-gap: 10px;
	--eta-header-icon-size: 44px;
}

/* ── Pill button "Skontaktuj się →" (kolory: eta-buttons-global.css) ───── */
.eta-header-contact-btn {
	gap: 6px;
	padding: 14px 20px;
	margin-right: 0;
	border: 1px solid transparent;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}

.eta-header-contact-btn__arrow {
	font-style: normal;
	transition: transform 150ms ease;
}

.eta-header-contact-btn:hover .eta-header-contact-btn__arrow {
	transform: translateX(3px);
}

/* ── Prawa kolumna headera: ikony + CTA w jednym rzędzie ───────────────── */
.elementor-275 .elementor-element-92b524c {
	display: flex !important;
	flex-flow: row nowrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: var(--eta-header-actions-gap, 16px) !important;
	flex-wrap: nowrap !important;
}

#eta-header-cta-wrapper,
.eta-header-icons {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
}

.eta-header-icons {
	flex-flow: row nowrap;
	align-items: center;
	gap: var(--eta-header-icon-gap, 10px);
}

@media (min-width: 1280px) {
	.elementor-275 .elementor-element-92b524c > .eta-header-search-toggle,
	.eta-header-icons > .elementor-element,
	.eta-header-icons > .elementor-widget,
	#eta-header-cta-wrapper {
		align-self: center !important;
	}

	/* Jedna linia: lupa, profil, koszyk — ten sam hitbox i wyśrodkowanie */
	.eta-header-icons > .eta-header-search-toggle,
	.eta-header-icons > .elementor-element,
	.eta-header-icons > .elementor-widget {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 var(--eta-header-icon-size, 44px) !important;
		width: var(--eta-header-icon-size, 44px) !important;
		min-width: var(--eta-header-icon-size, 44px) !important;
		height: var(--eta-header-icon-size, 44px) !important;
		margin: 0 !important;
		padding: 0 !important;
		transform: none !important;
	}

	.eta-header-icons .elementor-widget-container,
	.eta-header-icons .sc_layouts_cart_button_wrap,
	.eta-header-icons .sc_layouts_login_icon {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		transform: none !important;
	}

	.eta-header-icons .elementor-element-15e30f7 .elementor-icon-box-wrapper,
	.eta-header-icons .elementor-element-15e30f7 .elementor-icon-box-icon {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1 !important;
	}

	.eta-header-icons > .eta-header-search-toggle svg,
	.eta-header-icons .elementor-element-15e30f7 svg,
	.eta-header-icons .elementor-element-7a06fc4 svg {
		width: 22px !important;
		height: 22px !important;
		display: block;
	}
}

/* Desktop menu — jeden rząd, bez zawijania etykiet */
@media (min-width: 1280px) {
	.elementor-275 .elementor-element-90db02c > .e-con {
		flex-wrap: nowrap !important;
		align-items: center !important;
	}

	.elementor-275 .elementor-element-3ebc1e4 {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		max-width: none !important;
	}

	.elementor-275 .elementor-element-3ebc1e4 .trx-addons-main-nav-menu,
	.elementor-275 .elementor-element-3ebc1e4 .trx-addons-nav-menu {
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: center !important;
	}

	.elementor-275 .elementor-element-3ebc1e4 .trx-addons-main-nav-menu > .trx-addons-nav-menu-item {
		flex: 0 0 auto !important;
	}

	.elementor-275 .elementor-element-3ebc1e4 .trx-addons-main-nav-menu > .trx-addons-nav-menu-item > .trx-addons-menu-link {
		font-size: clamp(12px, 0.78vw, 14px) !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		white-space: nowrap !important;
		line-height: 1.25 !important;
	}

	#eta-header-cta-wrapper .eta-header-contact-btn {
		padding: 12px 16px !important;
		font-size: 13px !important;
	}
}

/* Węższy desktop — jeszcze ciaśniejsze menu */
@media (min-width: 1280px) and (max-width: 1366px) {
	.elementor-275 .elementor-element-3ebc1e4 .trx-addons-main-nav-menu > .trx-addons-nav-menu-item > .trx-addons-menu-link {
		font-size: 12px !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
}

.eta-header-icons > .elementor-element,
.eta-header-icons > .elementor-widget {
	flex: 0 0 auto;
	max-width: none !important;
	margin-block: 0 !important;
}

@media (max-width: 1279px) {
	.eta-header-icons > .elementor-element,
	.eta-header-icons > .elementor-widget {
		width: auto !important;
	}
}

.eta-header-icons .elementor-widget-container {
	margin: 0 !important;
}

/* ── Kontener wrappera przycisku w headerze ──────────────────────────────── */
#eta-header-cta-wrapper {
	order: 2;
	flex: 0 0 auto;
}

.eta-header-icons {
	order: 1;
}

/* ── Mobile: ukryj przycisk na wąskich ekranach (hamburger menu) ─────────── */
@media (max-width: 1279px) {
	#eta-header-cta-wrapper {
		display: none;
	}
}

/* ── Glass header ZAWSZE (nie tylko sticky) ─────────────────────────────
 * body/html = navy (anti white-bar). Przy transparentnym headerze menu
 * (navy) znika na navy — szkło musi być też w stanie „na górze strony”. */
.elementor-275 .elementor-element-90db02c,
.elementor-275 .elementor-element-3ef0979,
.elementor-275 .eta-header-glass-target {
	background: rgba(255, 255, 255, 0.92) !important;
	backdrop-filter: blur(28px) saturate(180%) contrast(1.05);
	-webkit-backdrop-filter: blur(28px) saturate(180%) contrast(1.05);
	border-bottom: 1px solid rgba(255, 255, 255, 0.38);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.48),
		0 8px 32px rgba(0, 31, 63, 0.08) !important;
	transition: background 220ms ease, box-shadow 220ms ease, backdrop-filter 220ms ease;
}

/* ── Sticky glass header (matowe szkło) — desktop + mobile ─── */
.top_panel .sc_layouts_row_fixed_on,
.elementor-275 .elementor-element-90db02c.sc_layouts_row_fixed_on,
.elementor-275 .elementor-element-3ef0979.sc_layouts_row_fixed_on,
header.top_panel .sc_layouts_row_fixed_on {
	display: flex !important;
	align-items: center !important;
	top: var(--eta-admin-bar-offset, var(--wp-admin--admin-bar--height, 0px)) !important;
	margin-top: 0 !important;
	animation: none !important;
	-webkit-animation: none !important;
	background: rgba(255, 255, 255, 0.62) !important;
	backdrop-filter: blur(28px) saturate(180%) contrast(1.05);
	-webkit-backdrop-filter: blur(28px) saturate(180%) contrast(1.05);
	border-bottom: 1px solid rgba(255, 255, 255, 0.38);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.48),
		0 8px 32px rgba(0, 31, 63, 0.08) !important;
	transition: background 220ms ease, box-shadow 220ms ease, backdrop-filter 220ms ease;
}

/* Wysokość headera −25% (padding pionowy) */
.elementor-275 .elementor-element-90db02c {
	padding-top: var(--eta-header-pad-y) !important;
	padding-bottom: var(--eta-header-pad-y) !important;
}

.elementor-275 .elementor-element-3ef0979 {
	padding-top: var(--eta-header-pad-y-mobile) !important;
	padding-bottom: var(--eta-header-pad-y-mobile) !important;
}

/* Desktop row — symetryczny padding po sticky */
.elementor-275 .elementor-element-90db02c.sc_layouts_row_fixed_on {
	padding-top: var(--eta-header-pad-y) !important;
	padding-bottom: var(--eta-header-pad-y) !important;
}

/* Mobile row — symetryczny padding pionowy po sticky */
.elementor-275 .elementor-element-3ef0979.sc_layouts_row_fixed_on {
	padding-top: var(--eta-header-pad-y-mobile) !important;
	padding-bottom: var(--eta-header-pad-y-mobile) !important;
}

/* Wyśrodkowanie pionowe: desktop + mobile (normalny i sticky) */
.elementor-275 .elementor-element-90db02c,
.elementor-275 .elementor-element-3ef0979,
.top_panel .elementor-275 .sc_layouts_row_fixed {
	align-items: center !important;
}

.elementor-275 .elementor-element-90db02c > .e-con,
.elementor-275 .elementor-element-3ef0979 > .e-con {
	align-self: center !important;
	align-items: center !important;
	height: auto !important;
	min-height: 0 !important;
}

.elementor-275 .sc_layouts_row_fixed .sc_layouts_item,
.top_panel .sc_layouts_row_fixed .sc_layouts_item {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	align-self: center !important;
}

.elementor-275 .sc_layouts_row_fixed .elementor-widget,
.top_panel .sc_layouts_row_fixed .elementor-widget {
	margin-block: 0 !important;
}

/* Sticky aktywny tylko po scrollu — na górze strony wraca oryginalny header */
body.eta-header-sticky-active.is-header-scrolled.hide_fixed_rows .top_panel .sc_layouts_row_fixed_on,
body.eta-header-sticky-active.is-header-scrolled .top_panel .sc_layouts_row_fixed_on {
	transform: translateY(0) !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

/* TRX delay-fixed: animacja margin-top:-20em ucina górę headera przy ponownej aktywacji */
.elementor-275 .elementor-element-90db02c.sc_layouts_row_delay_fixed.sc_layouts_row_fixed_on,
.elementor-275 .elementor-element-3ef0979.sc_layouts_row_delay_fixed.sc_layouts_row_fixed_on,
body.eta-header-sticky-active.is-header-scrolled .elementor-275 .elementor-element-90db02c.sc_layouts_row_fixed_on,
body.eta-header-sticky-active.is-header-scrolled .elementor-275 .elementor-element-3ef0979.sc_layouts_row_fixed_on {
	margin-top: 0 !important;
	animation: none !important;
	-webkit-animation: none !important;
}

body.eta-header-sticky-active .top_panel,
body.eta-header-sticky-active .top_panel .elementor-275 {
	overflow: visible !important;
}

@media (prefers-reduced-transparency: reduce) {
	.top_panel .sc_layouts_row_fixed_on,
	.elementor-275 .elementor-element-90db02c.sc_layouts_row_fixed_on,
	.elementor-275 .elementor-element-3ef0979.sc_layouts_row_fixed_on {
		background: rgba(255, 255, 255, 0.96) !important;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}
}

/* ── Popup kontaktowy Elementor — tokeny ETA (shop-global.css) ──────────── */
.eta-contact-popup__sr-label {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}

@keyframes etaContactAutofillStart {
	from {
		opacity: 1;
	}
	to {
		opacity: 1;
	}
}

.eta-contact-popup input:-webkit-autofill,
.eta-contact-popup textarea:-webkit-autofill,
.eta-contact-popup input:-webkit-autofill:hover,
.eta-contact-popup input:-webkit-autofill:focus,
.eta-contact-popup textarea:-webkit-autofill:hover,
.eta-contact-popup textarea:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--eta-navy, #001f3f) !important;
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
	box-shadow: 0 0 0 1000px #ffffff inset !important;
	caret-color: var(--eta-navy, #001f3f);
	transition: background-color 99999s ease-out 0s;
	animation-name: etaContactAutofillStart;
	animation-duration: 0.001s;
}

.eta-contact-popup,
.elementor-popup-modal .eta-contact-popup {
	--eta-navy: #001f3f;
	--eta-link: #2f80ed;
	--eta-text-muted: #5a6c84;
	--eta-btn-primary-bg: #001f3f;
	--eta-btn-primary-hover: #0b2c52;
}

.eta-contact-popup .elementor-heading-title {
	color: var(--eta-navy, #001f3f);
}

.eta-contact-popup .elementor-widget-heading:first-of-type .elementor-heading-title {
	color: var(--eta-text-muted, #5a6c84);
}

.eta-contact-popup__accent {
	color: var(--eta-link, #2f80ed);
	font-weight: 700;
}

.eta-contact-popup__lede {
	margin: 0;
	text-align: center;
	color: var(--eta-text-muted, #5a6c84);
}

.eta-contact-native-form {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	color: var(--eta-navy, #001f3f);
}

.eta-contact-native-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-bottom: 16px;
}

.eta-contact-native-form__field--full {
	grid-column: 1 / -1;
}

.eta-contact-native-form input,
.eta-contact-native-form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 14px 16px;
	border: 1px solid #d8dee8;
	border-radius: 6px;
	background: #ffffff;
	color: var(--eta-navy, #001f3f);
	font: inherit;
}

.eta-contact-native-form input:focus,
.eta-contact-native-form textarea:focus {
	outline: none;
	border-color: var(--eta-link, #2f80ed);
	box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.15);
}

.eta-contact-native-form textarea {
	min-height: 140px;
	resize: vertical;
}

.eta-contact-native-form__consent {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--eta-text-muted, #5a6c84);
}

.eta-contact-native-form__consent-label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	cursor: pointer;
}

.eta-contact-native-form__consent-label input[type="checkbox"] {
	width: 1.125rem;
	height: 1.125rem;
	min-width: 1.125rem;
	min-height: 0;
	margin-top: 0.2em;
	padding: 0;
	flex: 0 0 1.125rem;
	accent-color: var(--eta-navy, #001f3f);
}

.eta-contact-native-form__consent-nowrap {
	white-space: nowrap;
}

.eta-contact-native-form__consent-label a {
	color: var(--eta-link, #2f80ed);
}

.eta-contact-native-form__submit {
	width: 100%;
	padding: 14px 20px;
	font: inherit;
	font-weight: 600;
}

.eta-contact-native-form__submit:disabled {
	opacity: 0.65;
	cursor: wait;
}

.eta-contact-native-form__status {
	margin-bottom: 16px;
	padding: 12px 14px;
	border-radius: 6px;
	font-size: 14px;
}

.eta-contact-native-form__status.is-success {
	background: #ecfdf3;
	color: #166534;
}

.eta-contact-native-form__status.is-error {
	background: #fef2f2;
	color: #991b1b;
}

@media (max-width: 767px) {
	.eta-contact-native-form__grid {
		grid-template-columns: 1fr;
	}
}

.eta-contact-popup .mf-form-wrapper,
.eta-contact-popup .metform-form-content {
	color: var(--eta-navy, #001f3f);
}

.eta-contact-popup .metform-submit,
.eta-contact-popup .mf-btn,
.eta-contact-popup button[type="submit"] {
	background: var(--eta-btn-primary-bg, #001f3f) !important;
	border-color: var(--eta-btn-primary-bg, #001f3f) !important;
	color: #ffffff !important;
	border-radius: 6px !important;
}

.eta-contact-popup .metform-submit:hover,
.eta-contact-popup .mf-btn:hover,
.eta-contact-popup button[type="submit"]:hover {
	background: var(--eta-btn-primary-hover, #0b2c52) !important;
	border-color: var(--eta-btn-primary-hover, #0b2c52) !important;
}

.elementor-popup-modal .dialog-widget-content {
	border-radius: 24px;
	overflow: hidden;
}

/* Popup close: eta-dismiss-controls.css (global) */