/**
 * Poprawki układu stron oferty (veoliaterm.pl/oferta/*), T-5196.
 * Ładowane tylko na szablonach oferty/EE, po CSS motywu (wp_enqueue_scripts, prio 1001).
 */

/* T-5196 pkt 1 */
/* „Dowiedz się więcej”: tekst w jednej linii, zapas szerokości, większy odstęp góra/dół */
.ee-main .ee_services .ee_service_box_btn_container a,
.ee-main .ee_services_offer .ee_service_offer_box_btn_container a {
	display: inline-flex;
	width: auto;
	min-width: 166px;
	height: auto;
	min-height: 37px;
	padding: 8px 20px;
	white-space: nowrap;
}

@media (min-width: 1025px) {
	/* T-5196 pkt 2 */
	/* Greenheat „Korzyści ze współpracy”: równa kolumna ikon w pigułkach */
	.page-template-template-greenheat .ee-main .gh_benefits_right_single_img {
		flex: 0 0 60px;
		display: flex;
		justify-content: center;
	}

	/* T-5196 pkt 3 (1.0.2: wysokość wg najdłuższej treści) */
	/* Heatingrelated „Nasza oferta”: kafle bez sztywnej wysokości, w rzędzie równe (flex stretch),
	   20 px pod tekstem. Rząd zakotwiczony od góry (146 px od góry czerwonego pasa, jak w 1.0.0),
	   więc czerwony pas zachodzi na kafle tak samo, a krótsze kafle nie przesuwają się w górę. */
	.page-template-template-heatingrelated .ee-main .hg_offer_container {
		top: 146px;
		bottom: auto;
		align-items: stretch;
	}
	.page-template-template-heatingrelated .ee-main .hg_offer_container_single {
		height: auto;
		min-height: 0;
		padding: 24px 10px 20px;
		gap: 16px;
	}
	/* Kafle wystają pod czerwony pas absolutnie, sekcję niżej odsuwa jej padding-top (motyw: 220 px pod kafle 289 px).
	   Przy kaflach wg treści (248 px przy 4 wierszach) zostaje ten sam odstęp 35 px do „Usługi dodatkowe” co w 1.0.1. */
	html .page-template-template-heatingrelated .ee-main .hg_services_bg .ee_section_fund {
		padding-top: 179px;
	}
}

/* T-5196 pkt 4 */
/* Heatingrelated pigułki usług: tekst wyśrodkowany w pionie, bez marginesu akapitu */
.page-template-template-heatingrelated .ee-main .hg_services_bg .ee_section_fund .ee_section_fund_container_repeater {
	padding-top: 8px;
	padding-bottom: 8px;
}
.page-template-template-heatingrelated .ee-main .hg_services_bg .ee_section_fund .ee_section_fund_container_repeater p {
	margin: 0;
	flex: 1;
	text-align: left;
}

/* T-5196 pkt 7 */
/* EE-fund „Korzyści dla Klienta”: treść pod ikoną, nie dociśnięta do dołu kafla */
.page-template-template-ee-fund .ee-main .ee_section_cert_container_repeater {
	justify-content: flex-start;
}
.page-template-template-ee-fund .ee-main .ee_section_cert_container_repeater > span:empty {
	display: none;
}
.page-template-template-ee-fund .ee-main .ee_section_cert_content {
	margin-top: 24px;
}
/* Szablon ee-fund nie ma przycisku „czytaj więcej”, a motyw tnie treść do 208px: przy węższych kaflach znikał koniec tekstu */
.page-template-template-ee-fund .ee-main .ee_section_cert .ee_section_cert_content {
	max-height: none;
	overflow: visible;
}
.page-template-template-ee-fund .ee-main .ee_section_cert .ee_section_cert_container_repeater {
	max-height: none;
}

/* T-5196 pkt 5, 6, 7, 9 */
/* Tekst do lewej zamiast justowania. Nadpisuje regułę z Customizera
   `.page-id-11006 p, .parent-pageid-11006 p { text-align: justify }` (wp-custom-css drukowany po tym pliku, stąd !important). */
.ee-main .ee_section1_txt_container p,
.ee-main .ee_service_box_header,
.ee-main .ee_service_box_txt,
.ee-main .ee_section2_container_left_repeater_container p,
.ee-main .ee_section2_container_right,
.ee-main .ee_section2_container_right *,
.ee-main .ee_section_cert_container_repeater p,
.ee-main .ee_section_cert_container_repeater ul,
.ee-main .pspee-desc,
.ee-main .pspee-desc p {
	text-align: left !important;
}

/* T-5196 pkt 10 */
/* FAQ: strzałka wyśrodkowana na pierwszej linii pytania (padding-top 20px + line-height 25px / 2 − wysokość strzałki 9px / 2 = 28px),
   także po obróceniu w stanie otwartym; tytuł do lewej, z miejscem na strzałkę po prawej. */
html .ee-main .ee_faq .accordion .accordion-item .accordion-title {
	padding-right: 45px;
	text-align: left !important;
}
html .ee-main .ee_faq .accordion .accordion-item .accordion-title:before {
	content: "";
	top: 28px;
	right: 1rem;
	margin-top: 0;
	width: 17px;
	height: 9px;
	line-height: 0;
	background: url("/wp-content/themes/veolia-term/assets/images/Arrowdown.svg") center / 17px 9px no-repeat;
	transform-origin: 50% 50%;
}

/* T-5196 pkt 11 */
/* Bez justowania: lustro każdej reguły text-align:justify z motywu (style.css, custom.css)
   i z Customizera, z prefiksem html (+1 do specyficzności), więc wygrywa dokładnie tam,
   gdzie wygrywało justify. Reguły z text-align:center zostają nietknięte. */

html .text-justify,
html .ee-main .ee_realizations_container .slick-slide div .ee_realizations_container_box_single .ee_realizations_container_box_single_txt_container .ee_realizations_container_box_single_txt,
html .page-template-template-ee-fund .ee-main,
html .page-template-template-greenheat .ee-main,
html .page-template-template-heatingrelated .ee-main,
html .page-template-template-ee-fund .ee-main .ee_banner_h1,
html .page-template-template-greenheat .ee-main .ee_banner_h1,
html .page-template-template-heatingrelated .ee-main .ee_banner_h1,
html .page-template-template-ee-fund .ee-main .gh_benefits_left_header,
html .page-template-template-greenheat .ee-main .gh_benefits_left_header,
html .page-template-template-heatingrelated .ee-main .gh_benefits_left_header,
html .page-template-template-ee-fund .ee-main .ee_section_cert_container_repeater,
html .page-template-template-greenheat .ee-main .ee_section_cert_container_repeater,
html .page-template-template-heatingrelated .ee-main .ee_section_cert_container_repeater,
html .page-template-template-ee-fund .ee-main .ee_section_fund_header_container span,
html .page-template-template-greenheat .ee-main .ee_section_fund_header_container span,
html .page-template-template-heatingrelated .ee-main .ee_section_fund_header_container span,
html .page-template-template-ee-fund .ee-main .ee_section_fund_container_repeater,
html .page-template-template-greenheat .ee-main .ee_section_fund_container_repeater,
html .page-template-template-heatingrelated .ee-main .ee_section_fund_container_repeater,
html .page-template-template-ee-fund .ee-main .ee_section_fund_container_repeater span,
html .page-template-template-greenheat .ee-main .ee_section_fund_container_repeater span,
html .page-template-template-heatingrelated .ee-main .ee_section_fund_container_repeater span,
html .page-template-template-ee-fund .ee-main .ee_faq_header,
html .page-template-template-greenheat .ee-main .ee_faq_header,
html .page-template-template-heatingrelated .ee-main .ee_faq_header,
html .page-template-template-ee-fund .ee-main .ee_section_scheme_container .ee_scheme_header,
html .page-template-template-greenheat .ee-main .ee_section_scheme_container .ee_scheme_header,
html .page-template-template-heatingrelated .ee-main .ee_section_scheme_container .ee_scheme_header,
html .page-template-template-ee-fund .ee-main .ee_section_scheme .ee_section_scheme_header_container p,
html .page-template-template-greenheat .ee-main .ee_section_scheme .ee_section_scheme_header_container p,
html .page-template-template-heatingrelated .ee-main .ee_section_scheme .ee_section_scheme_header_container p,
html .page-template-template-ee-fund .ee-main .gh_section_cert .ee_section_cert_container_repeater span,
html .page-template-template-greenheat .ee-main .gh_section_cert .ee_section_cert_container_repeater span,
html .page-template-template-heatingrelated .ee-main .gh_section_cert .ee_section_cert_container_repeater span,
html .page-template-template-ee-fund .ee-main .ee_section_cert_header_container span,
html .page-template-template-greenheat .ee-main .ee_section_cert_header_container span,
html .page-template-template-heatingrelated .ee-main .ee_section_cert_header_container span,
html .page-template-template-ee-fund .ee-main .ee_section_cert_container_repeater span,
html .page-template-template-greenheat .ee-main .ee_section_cert_container_repeater span,
html .page-template-template-heatingrelated .ee-main .ee_section_cert_container_repeater span,
html .page-template-template-ee-fund .ee-main .ee_section_cert_container_repeater p,
html .page-template-template-ee-fund .ee-main .ee_section_cert_container_repeater ul,
html .page-template-template-greenheat .ee-main .ee_section_cert_container_repeater p,
html .page-template-template-greenheat .ee-main .ee_section_cert_container_repeater ul,
html .page-template-template-heatingrelated .ee-main .ee_section_cert_container_repeater p,
html .page-template-template-heatingrelated .ee-main .ee_section_cert_container_repeater ul,
html .bezp-header-txt p {
	text-align: left;
}

/* T-5196 pkt 11: Customizer (dev ID 8616, prod ID 11006) */
html .page-id-8616 p,
html .page-id-8616 .ee_section2_container_right,
html .parent-pageid-8616 p,
html .parent-pageid-8616 .ee_section2_container_right,
html .page-id-11006 p,
html .page-id-11006 .ee_section2_container_right,
html .parent-pageid-11006 p,
html .parent-pageid-11006 .ee_section2_container_right {
	text-align: left;
}

@media print,screen and (min-width:47.5em) {
	html .medium-text-justify {
		text-align: left;
	}
}

@media print,screen and (min-width:68.75em) {
	html .large-text-justify {
		text-align: left;
	}
}

/* T-5196 pkt 11: justowanie wpisane w treść (edytor/ACF) */
.ee-main .has-text-align-justify,
.ee-main [style*="text-align: justify"],
.ee-main [style*="text-align:justify"] {
	text-align: left !important;
}


/* ------------------------------------------------------------------
   1.0.4: poprawki po pełnym przeglądzie stron oferty na dev (375/1366/1536)
   ------------------------------------------------------------------ */

/* T-5196 pkt 2 */
/* Zielone Ciepło „Korzyści ze współpracy” na mobile/tablet: kolumna ikon nie kurczy się,
   więc ikony i początek tekstu są w jednej linii w każdej pigułce */
@media (max-width: 1024px) {
	.page-template-template-greenheat .ee-main .gh_benefits_right_single_img {
		flex: 0 0 40px;
		display: flex;
		justify-content: center;
	}
	.page-template-template-greenheat .ee-main .gh_benefits_right_single_img img {
		width: 40px;
		height: auto;
	}
	.page-template-template-greenheat .ee-main .gh_benefits_right_single_txt {
		flex: 1 1 auto;
		min-width: 0;
	}
}

/* T-5196 pkt 2 */
/* Zielone Ciepło „Urządzenia” na telefonie: wszystkie pigułki mają ikonę z lewej, więc tekst też do lewej
   (motyw zostawiał text-align:right z układu lustrzanego desktopu) */
/* ikona nie kurczy się przy dłuższej nazwie („Instalacje fotowoltaiczne”) */
.page-template-template-greenheat .ee-main .gh_machines_right_single_img {
	flex-shrink: 0;
}
@media (max-width: 600px) {
	.page-template-template-greenheat .ee-main .gh_machines_right_single_txt span {
		text-align: left;
	}
}

/* T-5196 pkt 2 */
/* Zielone Ciepło „Obiekty objęte Programem”: ikony SVG mają różną wysokość (102–112 px),
   pole ikony o stałej wysokości wyrównuje początek tekstu w rzędzie */
.page-template-template-greenheat .ee-main .gh_section_fund .ee_section_fund_container_repeater_container_img {
	height: 112px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* T-5196 pkt 2 */
/* Efektywność energetyczna „Branże”: ikony o różnej wysokości (105–113 px), a przy 4-liniowym opisie
   sztywne 280 px kafla ściskało ikonę; nagłówki i opisy startowały na różnej wysokości */
.page-template-template-ee .ee-main .ee_industry_container_box_single {
	height: auto;
	min-height: 280px;
}
.page-template-template-ee .ee-main .ee_industry_container_box_single_img {
	flex-shrink: 0;
	height: 110px;
	object-fit: contain;
}
@media (max-width: 600px) {
	.page-template-template-ee .ee-main .ee_industry .ee_industry_container .ee_industry_container_box .ee_industry_container_box_single img {
		height: 80px;
	}
}

/* T-5196 pkt 3 */
/* Usługi okołociepłownicze „Nasza oferta” poniżej 1025 px: kafle rosną z treścią
   (na telefonie „…i zabezpieczenia antykorozyjne” wychodziło poza kafel) */
@media (max-width: 1024px) {
	/* 1.0.2: bez minimalnej wysokości, 20 px pod tekstem */
	.page-template-template-heatingrelated .ee-main .hg_offer_container_single {
		height: auto;
		min-height: 0;
		padding-bottom: 20px;
	}
}

/* T-5196 pkt 4 (1.0.1: wyrównanie do lewej) */
/* Pigułki „Usługi dodatkowe”: tekst do lewej, akapit jako blok. Nadpisuje regułę z Customizera dev
   (`… .ee_section_fund_container_repeater p { text-align:left; display:flex }`), drukowaną po tym pliku. */
html .page-template-template-heatingrelated .ee-main .hg_services_bg .ee_section_fund .ee_section_fund_container_repeater p {
	display: block;
	text-align: left;
	margin: 0;
}

/* T-5196 pkt 3 */
/* /oferta/ (template-offer.php) na telefonie: adresy e-mail w kontaktach wychodziły poza kolumnę.
   Ten sam układ co na stronach EE (_ee-mobile.scss motywu nie obejmuje tego szablonu). */
@media (max-width: 1000px) {
	.page-template-template-offer .ee_contact_container_box_single_specialist_container a[href^="mailto"] {
		overflow-wrap: anywhere;
		word-break: normal;
	}
	.page-template-template-offer .ee_contact_container_box_single_specialist_container a[href^="tel"] {
		white-space: nowrap;
	}
}
@media (max-width: 600px) {
	.page-template-template-offer .ee_contact_container_box_single {
		align-items: stretch !important;
	}
	.page-template-template-offer .ee_contact_container_box_single .ee_contact_container_box_single_details {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	.page-template-template-offer .ee_contact_container_box_single .ee_contact_container_box_single_map_container {
		margin-right: 0 !important;
		margin-bottom: 16px;
	}
	.page-template-template-offer .ee_contact_container_box_single .ee_contact_container_box_single_specialist_container {
		max-width: 100% !important;
		width: 100%;
	}
	.page-template-template-offer .ee_contact_container_box_single_title {
		max-width: none !important;
	}
}

/* T-5196 pkt 2 */
/* Strony oferty z szablonu template-suboffer.php: na telefonie kolumny z ulotkami są jedna pod drugą,
   a blok z klasą alignright/alignleft przesuwał okładkę i przycisk o 5 px względem sąsiedniej kolumny */
@media (max-width: 781px) {
	.page-template-template-suboffer .wp-block-column .download-bottom.alignleft,
	.page-template-template-suboffer .wp-block-column .download-bottom.alignright {
		margin-left: auto;
		margin-right: auto;
	}
}

/* T-5196 pkt 2 */
/* Białe certyfikaty „Dla kogo pozyskujemy”: ikony 105 i 110 px przesuwały nagłówki kafli w rzędzie */
.page-template-template-ee-certificate .ee-main .ee_section_cert_container_repeater_container_img {
	height: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ------------------------------------------------------------------
   1.0.1: runda 2 poprawek stron oferty (T-5196)
   ------------------------------------------------------------------ */

/* Program bezzwrotnych dofinansowań (template-ee-fund) „Korzyści dla Klienta”:
   tekst kafli wyśrodkowany, jak w kaflach z ikoną na innych zakładkach oferty.
   Specyficzność wyższa niż `.ee-main .ee_section_cert_container_repeater p { left !important }` (pkt 5-7). */
html .page-template-template-ee-fund .ee-main .ee_section_cert .ee_section_cert_container_repeater .ee_section_cert_content,
html .page-template-template-ee-fund .ee-main .ee_section_cert .ee_section_cert_container_repeater .ee_section_cert_content p {
	text-align: center !important;
}

/* Usługi okołociepłownicze, górne kafle „Nasza oferta”: typografia i odstęp tekstu od ikony */
html .page-template-template-heatingrelated .ee-main .hg_offer_container_single_txt {
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	padding-top: 16px;
}

/* Usługi okołociepłownicze „Usługi dodatkowe” (pigułki z ikoną): typografia */
html .page-template-template-heatingrelated .ee-main .hg_services_bg .ee_section_fund .ee_section_fund_container_repeater p {
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
}

/* „Usługi dodatkowe” od 1150 px: 1. rząd 2 szersze pigułki, 2. rząd 3 pigułki, odstęp rzędów 20 px.
   Układ po pozycji (nth-child), nie po treści. Kontener ma marginesy -12 px (Foundation .row), stąd 44/64 px.
   Próg 1150 px: wężej pigułki dotykały krawędzi ekranu, a 3. pozycja w 2. rzędzie łamała się na 3 wiersze. */
@media (min-width: 1025px) and (max-width: 1149px) {
	/* między 1025 a 1149 px układ jak dotąd na tablecie: po 2 pigułki w rzędzie (bez rzędu 3+2 przy 1124-1149 px) */
	html .page-template-template-heatingrelated .ee-main .hg_services_bg .ee_section_fund .ee_section_fund_container {
		max-width: 746px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 1150px) {
	html .page-template-template-heatingrelated .ee-main .hg_services_bg .ee_section_fund .ee_section_fund_container {
		row-gap: 20px;
		column-gap: 20px;
	}
	html .page-template-template-heatingrelated .ee-main .hg_services_bg .ee_section_fund .ee_section_fund_container_repeater:nth-child(-n+2) {
		width: calc((100% - 44px) / 2);
		max-width: none;
	}
	html .page-template-template-heatingrelated .ee-main .hg_services_bg .ee_section_fund .ee_section_fund_container_repeater:nth-child(n+3) {
		width: calc((100% - 64px) / 3);
		max-width: 353px;
	}
}

/* Usługi okołociepłownicze „Korzyści ze współpracy z Veolią”: typografia tekstu kart (wyśrodkowanie bez zmian) */
html .page-template-template-heatingrelated .ee-main .hg_profits_container_single_txt {
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
}