/*
Theme Name:   Child Biz
Description:  Motyw potomny Hello Biz – pływający szklany header i odświeżona strona główna Fiber Consulting.
Author:       Fiber Consulting
Template:     hello-biz
Version:      1.2.0
Text Domain:  child-biz
*/

/* ==========================================================================
   Tokeny
   ========================================================================== */

:root {
	--fc-blue: #0058a1;
	--fc-blue-dark: #00467f;
	--fc-navy: #0c2136;
	--fc-signal: #3cc13b;
	--fc-ink: #0c2136;
	--fc-muted: #52606f;
	--fc-soft: #f3f6f9;
	--fc-line: #d9e1e9;
	--fc-radius: 18px;
	--fc-shadow: 0 1px 2px rgba(15, 27, 45, .04), 0 8px 24px rgba(15, 27, 45, .06);
	--fc-shadow-lg: 0 2px 4px rgba(15, 27, 45, .04), 0 20px 44px rgba(15, 27, 45, .12);
	--fc-top: 0px;
	--fc-header-h: 84px;
	--fc-wrap: 1240px;
	--fc-gutter: 20px;
	--fc-section: clamp(56px, 7vw, 104px);
	--fc-font-head: "Sora", system-ui, sans-serif;
	--fc-font-body: "DM Sans", system-ui, sans-serif;
}

@media (max-width: 767px) {
	:root {
		--fc-header-h: 66px;
		--fc-gutter: 16px;
	}
}

/* ==========================================================================
   Header – pełna szerokość, tło #f2f1f2, na górze strony (przewija się ze stroną)
   ========================================================================== */

/*
 * Hello Plus po pierwszym przewinięciu dodaje body padding-top równy wysokości
 * headera (--ehp-body-padding-top). Nasz header leży nad treścią, więc ten
 * odstęp tworzył biały pas nad hero.
 */
html:root body.ehp-body-after-scroll.ehp-body-after-scroll {
	padding-top: 0 !important;
}

/*
 * Header leży na samej górze dokumentu (pod paskiem admina) i przewija się
 * razem ze stroną. Opakowania Elementora nie mogą być „position: relative”,
 * inaczej header byłby tak wąski jak kontener.
 */
body .elementor-393,
body .elementor-393 .e-con,
body .elementor-393 .e-con-inner,
body .elementor-393 .elementor-widget-ehp-header,
body .elementor-393 .elementor-widget-ehp-header > .elementor-widget-container {
	position: static !important;
}

/* Kontener nagłówka nie zajmuje miejsca; na podstronach działa jak odstęp. */
body .elementor-393 > .e-con.e-parent {
	--padding-top: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--padding-right: 0px;
	--min-height: 0px;
	background: transparent !important;
	min-height: var(--fc-header-h);
}

body.home .elementor-393 > .e-con.e-parent {
	min-height: 0;
	height: 0;
}

body .elementor-393 .elementor-element .ehp-header.ehp-header {
	/* treść headera wyrównana do szerokości strony (1240px) */
	--header-box-padding-block-start: 14px;
	--header-box-padding-block-end: 14px;
	--header-box-padding-inline-start: max(var(--fc-gutter), calc((100% - var(--fc-wrap)) / 2));
	--header-box-padding-inline-end: max(var(--fc-gutter), calc((100% - var(--fc-wrap)) / 2));
	--header-logo-width: 184px;
	--header-menu-item-spacing: 4px;
	--header-element-spacing: 24px;
	position: absolute !important;
	top: var(--wp-admin--admin-bar--height, 0px) !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	z-index: 1000;
	background: #f2f1f2 !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(12, 33, 54, .08) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: none !important;
}

/* Po przewinięciu (assets/header.js): schowany przy scrollu w dół, wysuwa się przy scrollu w górę */
html.fc-hdr-fixed body .elementor-393 .elementor-element .ehp-header.ehp-header {
	position: fixed !important;
	transform: translateY(calc(-100% - var(--wp-admin--admin-bar--height, 0px) - 2px));
	transition: transform .3s ease !important;
	box-shadow: 0 8px 24px rgba(12, 33, 54, .1) !important;
}

html.fc-hdr-fixed.fc-hdr-show body .elementor-393 .elementor-element .ehp-header.ehp-header {
	transform: none;
}

/* na wąskich ekranach pasek admina nie jest przyklejony */
@media (max-width: 600px) {
	html.fc-hdr-fixed body.admin-bar .elementor-393 .elementor-element .ehp-header.ehp-header {
		top: 0 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.fc-hdr-fixed body .elementor-393 .elementor-element .ehp-header.ehp-header {
		transition: none !important;
	}
}

body .elementor-393 .ehp-header .ehp-header__elements-container {
	align-items: center;
}

/* Logo */
body .elementor-393 .elementor-element .ehp-header .ehp-header__site-logo {
	box-shadow: none !important;
	border-radius: 8px !important;
	height: auto;
}

/* Menu */
body .elementor-393 .elementor-element .ehp-header .ehp-header__item--top-level {
	font-family: var(--fc-font-body) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	color: var(--fc-ink) !important;
	padding: 9px 14px !important;
	border-radius: 10px;
	transition: background-color .2s ease, color .2s ease;
}

body .elementor-393 .elementor-element .ehp-header .ehp-header__item--top-level:hover,
body .elementor-393 .elementor-element .ehp-header .ehp-header__item--top-level:focus-visible {
	background: rgba(0, 88, 161, .07);
	color: var(--fc-blue) !important;
}

body .elementor-393 .elementor-element .ehp-header .ehp-header__item--top-level.is-item-active {
	color: var(--fc-blue) !important;
}

body .elementor-393 .ehp-header .ehp-header__item::after {
	display: none !important;
}

body .elementor-393 .ehp-header .ehp-header__dropdown-toggle {
	color: var(--fc-ink) !important;
	margin-inline-start: -8px;
}

body .elementor-393 .ehp-header .ehp-header__dropdown-toggle svg {
	fill: currentColor !important;
}

/* Rozwijane podmenu (desktop) */
@media (min-width: 768px) {
	body .elementor-393 .elementor-element .ehp-header .ehp-header__dropdown {
		background: #fff !important;
		border: 1px solid var(--fc-line) !important;
		border-radius: 14px !important;
		box-shadow: var(--fc-shadow-lg) !important;
		padding: 8px !important;
		gap: 2px !important;
		min-width: 270px;
		top: calc(100% + 18px) !important;
	}

	body .elementor-393 .elementor-element .ehp-header .ehp-header__item--sub-level {
		display: block;
		font-family: var(--fc-font-body) !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		color: var(--fc-ink) !important;
		padding: 10px 12px !important;
		border-radius: 9px;
		white-space: nowrap;
	}

	body .elementor-393 .elementor-element .ehp-header .ehp-header__item--sub-level:hover {
		background: var(--fc-soft);
		color: var(--fc-blue) !important;
	}
}

/* Przycisk z numerem – niebieski, biały tekst */
body .elementor-393 .elementor-element .ehp-header .ehp-header__button--primary {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	background: var(--fc-blue) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 12px 22px !important;
	font-family: var(--fc-font-body) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .02em;
	white-space: nowrap;
	box-shadow: 0 6px 16px rgba(0, 88, 161, .28) !important;
	transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

body .elementor-393 .elementor-element .ehp-header .ehp-header__button--primary:hover {
	background: var(--fc-blue-dark) !important;
	box-shadow: 0 10px 22px rgba(0, 88, 161, .34) !important;
	transform: translateY(-1px);
}

body .elementor-393 .elementor-element .ehp-header .ehp-header__button--primary span,
body .elementor-393 .elementor-element .ehp-header .ehp-header__button--primary .ehp-button__text {
	color: #fff !important;
}

body .elementor-393 .elementor-element .ehp-header .ehp-header__button--primary svg {
	fill: #fff !important;
	color: #fff !important;
	width: 14px !important;
	height: 14px !important;
}

/* Przycisk menu (mobile) */
body .elementor-393 .elementor-element .ehp-header .ehp-header__button-toggle {
	--header-toggle-icon-size: 20px;
	color: var(--fc-ink) !important;
	background: rgba(15, 27, 45, .05) !important;
	border: 0 !important;
	border-radius: 10px !important;
	width: 42px;
	height: 42px;
	padding: 0 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

body .elementor-393 .elementor-element .ehp-header .ehp-header__button-toggle svg {
	fill: currentColor !important;
	width: 20px !important;
	height: 20px !important;
}

@media (max-width: 767px) {
	body .elementor-393 .elementor-element .ehp-header.ehp-header {
		--header-box-padding-inline-start: var(--fc-gutter);
		--header-box-padding-inline-end: var(--fc-gutter);
		--header-box-padding-block-start: 10px;
		--header-box-padding-block-end: 10px;
		--header-logo-width: 148px;
		--header-element-spacing: 10px;
		border-radius: 0 !important;
	}

	/* Header na telefonie: menu po lewej, logo po prawej, bez numeru */
	body .elementor-393 .ehp-header .ehp-header__elements-container {
		display: flex !important;
		justify-content: space-between;
	}

	body .elementor-393 .ehp-header .ehp-header__menu-cart-container {
		order: 1;
	}

	body .elementor-393 .ehp-header .ehp-header__site-link-container {
		order: 2;
		margin-inline-start: auto;
		justify-content: flex-end;
	}

	body .elementor-393 .ehp-header .ehp-header__elements-container > .ehp-header__ctas-container {
		display: none !important;
	}

	/* Rozwinięte menu mobilne */
	body .elementor-393 .elementor-element .ehp-header .ehp-header__navigation {
		top: calc(100% + 8px) !important;
		left: var(--fc-gutter) !important;
		right: var(--fc-gutter) !important;
		width: auto !important;
		background: #fff !important;
		border: 1px solid var(--fc-line) !important;
		border-radius: 14px !important;
		box-shadow: var(--fc-shadow-lg) !important;
		padding: 10px !important;
		max-height: calc(100vh - var(--fc-header-h) - 24px);
		overflow-y: auto;
	}

	body .elementor-393 .elementor-element .ehp-header .ehp-header__navigation .menu-item-has-children {
		flex-direction: row !important;
		flex-wrap: wrap;
		justify-content: center;
	}

	body .elementor-393 .elementor-element .ehp-header .ehp-header__navigation .menu-item-has-children > .ehp-header__dropdown {
		flex-basis: 100%;
	}

	body .elementor-393 .elementor-element .ehp-header .ehp-header__navigation .ehp-header__dropdown-toggle {
		margin-inline-start: -6px;
		padding: 8px !important;
	}

	body .elementor-393 .elementor-element .ehp-header .ehp-header__navigation .ehp-header__item {
		font-size: 16px !important;
		padding: 12px 12px !important;
	}

	body .elementor-393 .elementor-element .ehp-header .ehp-header__navigation .ehp-header__item--sub-level {
		font-size: 15px !important;
		color: var(--fc-muted) !important;
		padding: 10px 12px !important;
	}

	body .elementor-393 .elementor-element .ehp-header .ehp-header__navigation .ehp-header__ctas-container {
		padding: 8px 4px 4px;
	}

	body .elementor-393 .elementor-element .ehp-header .ehp-header__navigation .ehp-header__button--primary {
		width: 100%;
		justify-content: center;
		padding: 14px 20px !important;
	}
}

/* ==========================================================================
   Strona główna
   Motyw: światło w światłowodzie. Jeden akcent (impuls na dole hero),
   reszta spokojna: granat, niebieski marki, dużo powietrza.
   ========================================================================== */

html body.elementor-page-433,
html body.elementor-page-433:not(.elementor-motion-effects-element-type-background) {
	margin: 0 !important;
	background: #fff !important;
	color: var(--fc-ink);
	overflow-x: hidden;
}

/* Wspólne dla sekcji pierwszego poziomu */
body.elementor-page-433 .elementor-433 > .e-con.e-parent {
	--content-width: var(--fc-wrap);
	--margin-top: 0px;
	--margin-bottom: 0px;
	--margin-left: 0px;
	--margin-right: 0px;
	--padding-top: var(--fc-section);
	--padding-bottom: var(--fc-section);
	--padding-left: var(--fc-gutter);
	--padding-right: var(--fc-gutter);
	--border-radius: 0px;
	--width: 100%;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.elementor-page-433 .elementor-433 a:focus-visible {
	outline: 2px solid var(--fc-blue);
	outline-offset: 3px;
}

/* ---------- 1. Hero ---------- */

body.elementor-page-433 .elementor-433 .elementor-element.elementor-element-524db104 {
	--min-height: 0px;
	--padding-top: calc(var(--fc-top) + var(--fc-header-h) + clamp(28px, 4vw, 56px));
	--padding-bottom: clamp(64px, 8vw, 112px);
	position: relative;
	background:
		linear-gradient(90deg, rgba(12, 33, 54, .94) 0%, rgba(12, 33, 54, .78) 55%, rgba(12, 33, 54, .62) 100%),
		url("/wp-content/uploads/2026/09/pexels-mahdibafande-14226433-scaled.jpg") center / cover no-repeat !important;
	overflow: hidden;
}

/* Światłowód: cienka linia na dole hero… */
body.elementor-page-433 .elementor-433 .elementor-element-524db104::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 28px;
	height: 1px;
	background: rgba(255, 255, 255, .14);
	pointer-events: none;
}

/* …i impuls światła, który przebiega po niej raz po wczytaniu strony */
body.elementor-page-433 .elementor-433 .elementor-element-524db104::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 27px;
	width: 220px;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, rgba(60, 193, 59, 0), var(--fc-signal) 70%, #eaffea);
	box-shadow: 0 0 12px 2px rgba(60, 193, 59, .55);
	opacity: 0;
	pointer-events: none;
	animation: fc-pulse 2.6s cubic-bezier(.45, 0, .2, 1) .5s 1 forwards;
}

@keyframes fc-pulse {
	0% {
		transform: translateX(-240px);
		opacity: 0;
	}

	8% {
		opacity: 1;
	}

	85% {
		opacity: 1;
	}

	100% {
		transform: translateX(100vw);
		opacity: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.elementor-page-433 .elementor-433 .elementor-element-524db104::after {
		display: none;
	}
}

body.elementor-page-433 .elementor-433 .elementor-element-524db104 > .e-con-inner {
	position: relative;
	z-index: 1;
}

body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero {
	--flex-hero-box-padding-block-start: 0px;
	--flex-hero-box-padding-block-end: 0px;
	--flex-hero-box-padding-inline-start: 0px;
	--flex-hero-box-padding-inline-end: 0px;
	--flex-hero-gap: clamp(32px, 5vw, 80px);
	--flex-hero-element-spacing: 28px;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	align-items: center;
}

body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__overlay {
	display: none !important;
}

/*
 * Nagłówek ma w treści złamanie wiersza: „Serwis światłowodów 24/7” to hasło,
 * druga linia to opis usługi. Hasło duże, opis spokojniej pod nim.
 */
body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__intro {
	white-space: pre-line;
	font-family: var(--fc-font-head) !important;
	font-size: clamp(19px, 1.7vw, 24px) !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	letter-spacing: 0 !important;
	color: rgba(255, 255, 255, .78) !important;
	margin: 0;
}

body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__intro::first-line {
	font-size: min(3.3vw, 50px);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -.025em;
	color: #fff;
}

body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__subheading {
	font-family: var(--fc-font-body) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1.6 !important;
	color: rgba(255, 255, 255, .62) !important;
	margin: 0;
}

body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__button {
	display: inline-flex !important;
	align-items: center;
	gap: 12px !important;
	/* biały, żeby nie gryzł się z niebieskim „Zadzwoń teraz” */
	background: #fff !important;
	color: var(--fc-blue) !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 17px 30px !important;
	font-family: var(--fc-font-body) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .18) !important;
	transition: background-color .2s ease;
}

body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__button:hover {
	background: #e8f1fa !important;
	color: var(--fc-blue) !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__button *,
body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__button svg,
body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__button i {
	fill: var(--fc-blue) !important;
	color: var(--fc-blue) !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__image-container,
body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__img {
	border-radius: 14px !important;
	overflow: hidden;
}

body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__img {
	box-shadow: 0 24px 60px rgba(0, 0, 0, .4) !important;
}

/* ---------- 2. Usługi – trzy kolumny bez pudełek ---------- */

body.elementor-page-433 .elementor-433 .elementor-element.elementor-element-d56e79b {
	--gap: 56px clamp(24px, 3.5vw, 48px);
	--row-gap: 56px;
	--column-gap: clamp(24px, 3.5vw, 48px);
	background: #fff;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b > .e-con-inner > .e-con {
	--border-radius: 0px;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	--padding-top: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--padding-right: 0px;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .elementor-widget-cta {
	height: 100%;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .elementor-widget-cta > .elementor-widget-container,
body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .elementor-widget-cta:hover > .elementor-widget-container {
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .ehp-cta {
	--cta-box-padding-block-start: 0px;
	--cta-box-padding-block-end: 0px;
	--cta-box-padding-inline-start: 0px;
	--cta-box-padding-inline-end: 0px;
	height: 100%;
	padding: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .ehp-cta__overlay {
	display: none !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .ehp-cta__elements-container {
	height: 100%;
	gap: 0 !important;
	align-items: stretch !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .ehp-cta__image-container {
	margin: 0 0 24px !important;
	width: 100%;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .ehp-cta__image-container img {
	display: block;
	width: 100% !important;
	aspect-ratio: 4 / 3;
	height: auto !important;
	object-fit: cover;
	border-radius: 14px !important;
	box-shadow: none !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .ehp-cta__text-container {
	padding: 0 !important;
	gap: 12px;
	text-align: left !important;
	align-items: flex-start !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .ehp-cta__heading {
	font-family: var(--fc-font-head) !important;
	font-size: 21px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: -.015em !important;
	color: var(--fc-ink) !important;
	text-align: left !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .ehp-cta__description {
	font-family: var(--fc-font-body) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.65 !important;
	color: var(--fc-muted) !important;
	text-align: left !important;
	max-width: 36em;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .ehp-cta__ctas-container {
	padding: 18px 0 0 !important;
	margin-top: auto;
	justify-content: flex-start !important;
	width: 100%;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .ehp-cta__buttons-wrapper {
	justify-content: flex-start !important;
	align-items: flex-start !important;
	width: 100%;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .ehp-cta__button {
	padding: 0 0 3px !important;
	background: none !important;
	border: 0 !important;
	border-bottom: 1.5px solid rgba(0, 88, 161, .3) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--fc-blue) !important;
	font-family: var(--fc-font-body) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	gap: 8px;
	transition: border-color .2s ease;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .ehp-cta__button:hover {
	border-bottom-color: var(--fc-blue) !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-d56e79b .ehp-cta__button svg {
	fill: currentColor !important;
	width: 10px;
}

/* ---------- 3. Opinie Google ---------- */

body.elementor-page-433 .elementor-433 .elementor-element.elementor-element-963835c {
	--align-self: stretch;
	--padding-top: clamp(48px, 6vw, 80px);
	--padding-bottom: clamp(48px, 6vw, 80px);
	background: var(--fc-soft) !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-963835c > .elementor-widget {
	width: 100%;
	max-width: var(--fc-wrap);
	margin-inline: auto;
}

/* ---------- 4. O nas / zigzag ---------- */

body.elementor-page-433 .elementor-433 .elementor-element.elementor-element-13210517 {
	background: #fff;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 > .elementor-widget-container {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag {
	--zigzag-wrapper-padding-block-start: 0px;
	--zigzag-wrapper-padding-block-end: 0px;
	background: transparent !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__item-wrapper {
	background: transparent !important;
	padding-block: clamp(36px, 5vw, 72px) !important;
	padding-inline: 0 !important;
	border: 0 !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__item-wrapper:first-child {
	padding-top: 0 !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__item-wrapper:last-child {
	padding-bottom: 0 !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__item-container {
	align-items: center !important;
	gap: clamp(32px, 6vw, 96px) !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__img {
	display: block;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 480px;
	margin-inline: auto;
	border-radius: 14px !important;
	box-shadow: none !important;
	outline: 1px solid rgba(12, 33, 54, .06);
	outline-offset: -1px;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__text-container {
	gap: 18px;
	max-width: 34em;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__title {
	font-family: var(--fc-font-head) !important;
	font-size: clamp(28px, 2.8vw, 40px) !important;
	font-weight: 600 !important;
	line-height: 1.15 !important;
	letter-spacing: -.025em !important;
	color: var(--fc-ink) !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__description {
	font-family: var(--fc-font-body) !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: var(--fc-muted) !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__description a {
	color: var(--fc-blue) !important;
	font-weight: 500;
	text-decoration: underline;
	text-decoration-color: rgba(0, 88, 161, .3);
	text-underline-offset: 3px;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__description a:hover {
	text-decoration-color: currentColor;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__button {
	display: inline-flex !important;
	align-items: center;
	background: transparent !important;
	color: var(--fc-blue) !important;
	border: 1.5px solid rgba(0, 88, 161, .35) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	padding: 11px 22px !important;
	font-family: var(--fc-font-body) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__button:hover {
	background: var(--fc-blue) !important;
	border-color: var(--fc-blue) !important;
	color: #fff !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__button:hover * {
	color: #fff !important;
}

/* Długi przycisk „Nie widzisz swojej miejscowości?…” jako notka z telefonem */
body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__item-wrapper:last-child .ehp-zigzag__button {
	display: block !important;
	white-space: normal;
	text-align: left;
	border: 0 !important;
	border-left: 3px solid var(--fc-blue) !important;
	border-radius: 0 10px 10px 0 !important;
	background: var(--fc-soft) !important;
	color: var(--fc-ink) !important;
	padding: 16px 20px !important;
	font-weight: 500 !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__item-wrapper:last-child .ehp-zigzag__button:hover {
	background: #e8eef5 !important;
	color: var(--fc-ink) !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__item-wrapper:last-child .ehp-zigzag__button:hover * {
	color: var(--fc-ink) !important;
}

/* ---------- 5. Lokalizacje – spis w kolumnach ---------- */

body.elementor-page-433 .elementor-433 .elementor-element.elementor-element-ea2702b {
	background: var(--fc-soft);
}

body.elementor-page-433 .elementor-433 .elementor-element-085bd7d > .elementor-widget-container {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-085bd7d .locations-title {
	font-family: var(--fc-font-head) !important;
	font-size: clamp(26px, 2.6vw, 36px) !important;
	font-weight: 600 !important;
	line-height: 1.2;
	letter-spacing: -.025em;
	text-align: left !important;
	color: var(--fc-ink) !important;
	margin: 0 0 clamp(24px, 3vw, 40px) !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-085bd7d .locations-buttons {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 0 40px !important;
	margin: 0;
	border-top: 1px solid var(--fc-line);
}

body.elementor-page-433 .elementor-433 .elementor-element-085bd7d .locations-buttons a,
body.elementor-page-433 .elementor-433 .elementor-element-085bd7d .locations-buttons a:hover {
	display: flex !important;
	align-items: center;
	min-height: 48px;
	padding: 12px 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--fc-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	font-family: var(--fc-font-body) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	text-align: left;
}

body.elementor-page-433 .elementor-433 .elementor-element-085bd7d .locations-buttons a {
	color: var(--fc-ink) !important;
}

body.elementor-page-433 .elementor-433 .elementor-element-085bd7d .locations-buttons a:hover {
	color: var(--fc-blue) !important;
}

/* ==========================================================================
   Responsywność strony głównej
   ========================================================================== */

@media (max-width: 1024px) {
	body.elementor-page-433 .elementor-433 .elementor-element.elementor-element-d56e79b {
		--e-con-grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	body.elementor-page-433 .elementor-433 .elementor-element.elementor-element-524db104 {
		--content-width: 100%;
		--padding-top: calc(var(--fc-top) + var(--fc-header-h) + 20px);
		--padding-bottom: 64px;
	}

	body.elementor-page-433 .elementor-433 .elementor-element-524db104::before {
		bottom: 22px;
	}

	body.elementor-page-433 .elementor-433 .elementor-element-524db104::after {
		bottom: 21px;
		width: 140px;
	}

	body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero {
		--flex-hero-gap: 28px;
		--flex-hero-element-spacing: 18px;
	}

	body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__intro {
		font-size: 18px !important;
	}

	/* hasło musi się zmieścić w jednej linii, bo ::first-line łapie tylko pierwszą */
	body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__intro::first-line {
		font-size: min(6vw, 30px);
		letter-spacing: -.03em;
	}

	body.elementor-page-433 .elementor-433 .elementor-element-37845cbc .ehp-flex-hero__button {
		width: 100%;
		justify-content: center;
		padding: 15px 20px !important;
		font-size: 15px !important;
	}

	body.elementor-page-433 .elementor-433 .elementor-element.elementor-element-d56e79b {
		--e-con-grid-template-columns: repeat(1, 1fr);
		--gap: 48px 0px;
		--row-gap: 48px;
	}

	body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__item-container {
		gap: 24px !important;
	}

	body.elementor-page-433 .elementor-433 .elementor-element-24ef61e5 .ehp-zigzag__description {
		font-size: 16px !important;
	}

	/* Elementor ustawia tu 2 wiersze siatki – drugi pusty dawał ogromną dziurę nad stopką */
	body.elementor-page-433 .elementor-433 .elementor-element.elementor-element-ea2702b {
		--e-con-grid-template-rows: auto;
	}

	body.elementor-page-433 .elementor-433 .elementor-element-085bd7d .locations-buttons {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   Strony lokalizacji (body.fc-location = naprawa-swiatlowodow-*)
   Wszystkie 31 stron ma ten sam układ, ale inne ID elementów,
   więc selektory opierają się na strukturze, nie na ID.
   ========================================================================== */

html body.fc-location {
	margin: 0 !important;
	background: #fff !important;
	color: var(--fc-ink);
	overflow-x: hidden;
}

/* Na tych stronach hero zaczyna się od samej góry, header pływa nad nim. */
body.fc-location .elementor-393 > .e-con.e-parent {
	min-height: 0;
	height: 0;
}

body.fc-location [data-elementor-type="wp-page"] {
	display: flex;
	flex-direction: column;
}

body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent {
	--margin-top: 0px;
	--margin-bottom: 0px;
	--margin-left: 0px;
	--margin-right: 0px;
	--padding-left: var(--fc-gutter);
	--padding-right: var(--fc-gutter);
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* ---------- 1. Pas z tytułem (kontener z H1 idzie na górę) ---------- */

body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent:has(h1) {
	order: -1;
	--content-width: 880px;
	--padding-top: calc(var(--fc-top) + var(--fc-header-h) + clamp(40px, 6vw, 80px));
	--padding-bottom: clamp(120px, 14vw, 180px);
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(90deg, rgba(12, 33, 54, .95) 0%, rgba(12, 33, 54, .82) 60%, rgba(12, 33, 54, .7) 100%),
		url("/wp-content/uploads/2026/09/pexels-mahdibafande-14226433-scaled.jpg") center / cover no-repeat !important;
}

/* ta sama linia światłowodu z impulsem co na stronie głównej */
body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent:has(h1)::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 28px;
	height: 1px;
	background: rgba(255, 255, 255, .14);
	pointer-events: none;
}

body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent:has(h1)::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 27px;
	width: 220px;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, rgba(60, 193, 59, 0), var(--fc-signal) 70%, #eaffea);
	box-shadow: 0 0 12px 2px rgba(60, 193, 59, .55);
	opacity: 0;
	pointer-events: none;
	animation: fc-pulse 2.6s cubic-bezier(.45, 0, .2, 1) .5s 1 forwards;
}

@media (prefers-reduced-motion: reduce) {
	body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent:has(h1)::after {
		display: none;
	}
}

body.fc-location [data-elementor-type="wp-page"] h1.elementor-heading-title {
	font-family: var(--fc-font-head) !important;
	font-size: clamp(30px, 4vw, 52px) !important;
	font-weight: 600 !important;
	line-height: 1.15 !important;
	letter-spacing: -.025em !important;
	color: #fff !important;
	text-align: left !important;
	text-wrap: balance;
	margin: 0;
}

/* ---------- 2. Mapa nachodząca na pas ---------- */

body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent:has(> .e-con-inner > .elementor-widget-image),
body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent:has(> .elementor-widget-image) {
	--content-width: 880px;
	--padding-top: 0px;
	--padding-bottom: 0px;
	position: relative;
	z-index: 2;
	margin-top: calc(-1 * clamp(96px, 11vw, 140px)) !important;
	background: transparent !important;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-image img {
	display: block;
	width: 100% !important;
	max-height: 420px;
	object-fit: cover;
	border-radius: 14px !important;
	box-shadow: 0 24px 60px rgba(12, 33, 54, .28) !important;
}

/* ---------- 3. Artykuł – jedna kolumna do czytania ---------- */

body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent:has(.elementor-widget-text-editor) {
	--content-width: 760px;
	--padding-top: clamp(48px, 6vw, 72px);
	--padding-bottom: clamp(64px, 8vw, 104px);
	--gap: 0px;
	--row-gap: 0px;
	background: #fff !important;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget {
	margin-bottom: 0 !important;
}

/* Nagłówki sekcji */
body.fc-location [data-elementor-type="wp-page"] h2.elementor-heading-title {
	font-family: var(--fc-font-head) !important;
	font-size: clamp(24px, 2.4vw, 32px) !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: -.02em !important;
	color: var(--fc-ink) !important;
	text-align: left !important;
	margin: 0;
	padding-top: 40px;
	border-top: 1px solid var(--fc-line);
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-heading:has(h2) {
	margin-top: 56px !important;
	margin-bottom: 18px !important;
}

/* pierwszy nagłówek po wstępie bez linii nad sobą */
body.fc-location [data-elementor-type="wp-page"] .elementor-widget-heading:has(h2):first-child h2 {
	border-top: 0;
	padding-top: 0;
}

body.fc-location [data-elementor-type="wp-page"] h3.elementor-heading-title {
	font-family: var(--fc-font-head) !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: -.01em !important;
	color: var(--fc-ink) !important;
	text-align: left !important;
	margin: 0;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-heading:has(h3) {
	margin-top: 32px !important;
	margin-bottom: 8px !important;
}

/* Tekst */
body.fc-location [data-elementor-type="wp-page"] .elementor-widget-text-editor {
	font-family: var(--fc-font-body) !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1.75 !important;
	color: #34424f !important;
	text-align: left !important;
}

/* treść miała ręcznie ustawione różne rozmiary – ujednolicone */
body.fc-location [data-elementor-type="wp-page"] .elementor-widget-text-editor :is(p, li, span, div, strong, b, em) {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-text-editor :is(p, li, span, div) {
	color: inherit !important;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-text-editor p {
	margin: 0 0 16px;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-text-editor strong {
	color: var(--fc-ink);
	font-weight: 600;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-text-editor a {
	color: var(--fc-blue) !important;
	font-weight: 500;
	text-decoration: underline;
	text-decoration-color: rgba(0, 88, 161, .3);
	text-underline-offset: 3px;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-text-editor a:hover {
	text-decoration-color: currentColor;
}

/* Listy */
body.fc-location [data-elementor-type="wp-page"] .elementor-widget-text-editor ul {
	list-style: none;
	margin: 8px 0 20px;
	padding: 0;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-text-editor li {
	position: relative;
	padding-left: 24px;
	margin: 6px 0;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-text-editor li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: .72em;
	width: 10px;
	height: 2px;
	border-radius: 2px;
	background: var(--fc-blue);
}

/* pozycje zaczynające się od emoji nie potrzebują dodatkowego znacznika */
body.fc-location [data-elementor-type="wp-page"] .elementor-widget-text-editor li:has(> img.emoji:first-child) {
	padding-left: 0;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-text-editor li:has(> img.emoji:first-child)::before {
	display: none;
}

/* Przyciski w treści – jeden styl zamiast czerwonych/niebieskich/obrysowanych */
body.fc-location [data-elementor-type="wp-page"] .elementor-widget-button:not(.elementor-fixed) {
	margin: 28px 0 8px !important;
	text-align: left !important;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-button:not(.elementor-fixed) > .elementor-widget-container {
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-button:not(.elementor-fixed) .elementor-button {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	width: auto !important;
	height: auto !important;
	background: var(--fc-blue) !important;
	color: #fff !important;
	fill: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	padding: 15px 26px !important;
	font-family: var(--fc-font-body) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	text-align: left;
	transition: background-color .2s ease;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-button:not(.elementor-fixed) .elementor-button:hover {
	background: var(--fc-blue-dark) !important;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-button:not(.elementor-fixed) .elementor-button * {
	color: #fff !important;
	fill: #fff !important;
}

/* Opinie Google – szersze niż kolumna tekstu */
body.fc-location [data-elementor-type="wp-page"] .elementor-widget-Google {
	width: min(1180px, 100vw - 2 * var(--fc-gutter)) !important;
	max-width: none !important;
	margin-inline: calc((100% - min(1180px, 100vw - 2 * var(--fc-gutter))) / 2) !important;
	margin-block: 16px 24px !important;
}

/* Galeria realizacji */
body.fc-location [data-elementor-type="wp-page"] .elementor-widget-image-gallery .gallery {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 12px;
	margin: 8px 0 0 !important;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-image-gallery .gallery-item {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-image-gallery img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border: 0 !important;
	border-radius: 12px;
}

/* FAQ */
body.fc-location [data-elementor-type="wp-page"] .schema-faq-code {
	margin-top: 8px;
	border-top: 1px solid var(--fc-line);
}

body.fc-location [data-elementor-type="wp-page"] .schema-faq-code .faq-question {
	padding: 24px 0;
	border-bottom: 1px solid var(--fc-line);
	margin: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

body.fc-location [data-elementor-type="wp-page"] .schema-faq-code .faq-q {
	font-family: var(--fc-font-head) !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	letter-spacing: -.01em;
	color: var(--fc-ink) !important;
	margin: 0 0 10px !important;
}

body.fc-location [data-elementor-type="wp-page"] .schema-faq-code .faq-a {
	font-family: var(--fc-font-body) !important;
	font-size: 16px !important;
	line-height: 1.7 !important;
	color: #34424f !important;
	margin: 0 !important;
}

body.fc-location [data-elementor-type="wp-page"] .schema-faq-code a {
	color: var(--fc-blue) !important;
}

/* Spis lokalizacji – pełna szerokość, jak na stronie głównej */
body.fc-location [data-elementor-type="wp-page"] .elementor-widget-html:has(.locations-buttons) {
	width: 100vw !important;
	max-width: none !important;
	margin: clamp(64px, 8vw, 104px) 0 calc(-1 * clamp(64px, 8vw, 104px)) calc(50% - 50vw) !important;
	padding: clamp(56px, 7vw, 96px) max(var(--fc-gutter), calc((100vw - var(--fc-wrap)) / 2));
	background: var(--fc-soft);
}

body.fc-location [data-elementor-type="wp-page"] .elementor-widget-html:has(.locations-buttons) > .elementor-widget-container {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.fc-location .locations-title {
	font-family: var(--fc-font-head) !important;
	font-size: clamp(24px, 2.4vw, 32px) !important;
	font-weight: 600 !important;
	line-height: 1.2;
	letter-spacing: -.02em;
	text-align: left !important;
	color: var(--fc-ink) !important;
	margin: 0 0 clamp(24px, 3vw, 36px) !important;
	padding: 0 !important;
	border: 0 !important;
}

body.fc-location .locations-buttons {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 0 40px !important;
	margin: 0;
	border-top: 1px solid var(--fc-line);
}

body.fc-location .locations-buttons a,
body.fc-location .locations-buttons a:hover {
	display: flex !important;
	align-items: center;
	min-height: 48px;
	padding: 12px 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--fc-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	font-family: var(--fc-font-body) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	text-align: left;
}

body.fc-location .locations-buttons a {
	color: var(--fc-ink) !important;
}

body.fc-location .locations-buttons a:hover {
	color: var(--fc-blue) !important;
}

/* Kórnik ma spis lokalizacji w osobnym, ostatnim kontenerze */
body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent:not(:has(.elementor-widget-text-editor)):has(.locations-buttons) {
	--padding-top: 0px;
	--padding-bottom: 0px;
	--content-width: 100%;
	--padding-left: 0px;
	--padding-right: 0px;
}

body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent:not(:has(.elementor-widget-text-editor)) .elementor-widget-html:has(.locations-buttons) {
	margin: 0 !important;
}

@media (max-width: 767px) {
	body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent:has(h1) {
		--padding-top: calc(var(--fc-top) + var(--fc-header-h) + 32px);
		--padding-bottom: 104px;
	}

	body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent:has(h1)::before {
		bottom: 22px;
	}

	body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent:has(h1)::after {
		bottom: 21px;
		width: 140px;
	}

	body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent:has(> .e-con-inner > .elementor-widget-image),
	body.fc-location [data-elementor-type="wp-page"] > .e-con.e-parent:has(> .elementor-widget-image) {
		margin-top: -76px !important;
	}

	body.fc-location [data-elementor-type="wp-page"] .elementor-widget-image img {
		max-height: 240px;
	}

	body.fc-location [data-elementor-type="wp-page"] .elementor-widget-text-editor {
		font-size: 16px !important;
	}

	body.fc-location [data-elementor-type="wp-page"] .elementor-widget-button:not(.elementor-fixed) .elementor-button {
		width: 100% !important;
		justify-content: center;
		text-align: center;
	}

	body.fc-location .locations-buttons {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   Globalny przycisk „Zadzwoń teraz” (functions.php → wp_footer)
   Telefon i tablet: przyklejony do dołu, pulsuje i wysyła fale.
   ========================================================================== */

/* stare przyciski z Elementora (strona główna, lokalizacje) – zastąpione globalnym */
.elementor-widget-button.elementor-fixed:has(a[href^="tel:"]) {
	display: none !important;
}

.fc-call {
	display: none;
}

@media (max-width: 1024px) {
	.fc-call {
		position: fixed;
		left: var(--fc-gutter);
		right: var(--fc-gutter);
		bottom: calc(14px + env(safe-area-inset-bottom, 0px));
		z-index: 998;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 12px;
		max-width: 480px;
		margin-inline: auto;
		padding: 13px 22px 13px 14px;
		border-radius: 999px;
		background: var(--fc-blue);
		color: #fff !important;
		font-family: var(--fc-font-body);
		font-size: 16px;
		font-weight: 600;
		line-height: 1;
		text-decoration: none !important;
		box-shadow: 0 10px 24px rgba(12, 33, 54, .3);
		-webkit-tap-highlight-color: transparent;
		animation: fc-call-pulse 2.4s ease-in-out infinite;
	}

	/* dwie fale rozchodzące się od przycisku, przesunięte o pół cyklu */
	.fc-call::before,
	.fc-call::after {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
		border: 2px solid rgba(90, 165, 240, .9);
		background: rgba(0, 88, 161, .28);
		opacity: 0;
		pointer-events: none;
		animation: fc-call-wave 2.4s ease-out infinite;
	}

	.fc-call::after {
		animation-delay: 1.2s;
	}

	.fc-call__icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		background: rgba(255, 255, 255, .18);
		animation: fc-call-ring 2.4s ease-in-out infinite;
	}

	.fc-call__icon svg {
		width: 15px;
		height: 15px;
		fill: #fff;
	}

	.fc-call:active {
		background: var(--fc-blue-dark);
	}

	.fc-call:focus-visible {
		outline: 3px solid #fff;
		outline-offset: 3px;
	}

	/* miejsce pod przyciskiem na końcu strony */
	body .elementor-396 .ehp-footer {
		padding-bottom: 96px !important;
	}
}

@keyframes fc-call-pulse {
	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.03);
	}
}

@keyframes fc-call-wave {
	0% {
		transform: scale(1, 1);
		opacity: .9;
	}

	100% {
		transform: scale(1.1, 1.9);
		opacity: 0;
	}
}

/* słuchawka „dzwoni” krótko na początku każdego cyklu */
@keyframes fc-call-ring {
	0%,
	24%,
	100% {
		transform: rotate(0);
	}

	4%,
	12%,
	20% {
		transform: rotate(-14deg);
	}

	8%,
	16% {
		transform: rotate(14deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.fc-call,
	.fc-call__icon {
		animation: none !important;
	}

	.fc-call::before,
	.fc-call::after {
		display: none;
	}
}
