/*
Theme Name: Fancoil
Theme URI: https://www.fancoil.sk/
Description: Detská téma Twenty Twenty-Five pre fancoil.sk (Servis JK s. r. o.). Farby a písmo podľa loga fancoil.sk.
Author: Servis JK s. r. o.
Template: twentytwentyfive
Version: 1.8.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fancoil
*/

/* Obrázky sa nikdy neorezávajú – zobrazia sa celé a zmenšia sa podľa priestoru. */
.wp-block-post-featured-image img,
.wp-block-post-featured-image .wp-block-post-featured-image__overlay + img,
.wp-block-image img {
	object-fit: contain;
	height: auto;
	max-height: 70vh;
}

.single-produkt .wp-block-post-featured-image {
	background: var(--wp--preset--color--accent-5, #f3f6f9);
	border-radius: 12px;
	padding: 1rem;
}

.single-produkt .wp-block-post-featured-image img {
	width: 100%;
	max-height: 520px;
}

/* Úvodné texty v širokých sekciách: čitateľná dĺžka riadku, zarovnané na ľavý okraj sekcie. */
.fc-uvod {
	max-width: 72ch;
}

h1.fc-uvod {
	max-width: 22ch;
}

.single-produkt .wp-block-post-content p,
.single-produkt .wp-block-post-content ul,
.single-produkt .wp-block-post-content ol {
	max-width: 80ch;
}

/* Hlavička: logo, menu a tlačidlo dopytu; pod ňou farebný pruh zima – teplo z loga. */
.fc-hlavicka {
	box-shadow: 0 1px 0 rgba(36, 49, 63, 0.06);
}

.fc-hlavicka .wp-block-navigation .wp-block-navigation-item__content {
	padding: 0.35rem 0.15rem;
	border-bottom: 2px solid transparent;
	color: #fff;
}

.fc-hlavicka .wp-block-navigation .wp-block-navigation-item__content:hover,
.fc-hlavicka .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
	border-bottom-color: var(--wp--preset--color--accent-2, #e8722f);
	color: #fff;
}

.fc-logo {
	margin: 0;
}

.fc-logo img {
	display: block;
	height: auto;
}

/* Paleta B – Hlboká modrá: biele karty a dlaždice na ľadovom podklade dostanú jemný rám */
.wp-block-columns .wp-block-column > .wp-block-group.has-accent-5-background-color,
.fc-hero__udaje div,
.fc-param,
.fc-karta__obrazok,
.fc-rozmery-rad figure,
.fc-galeria__mriezka figure {
	border: 1px solid #d8e0e8;
}

.fc-karta {
	border-color: #d8e0e8;
}

.fc-tabulka thead th {
	background: var(--wp--preset--color--accent-3, #0f2740);
}

.single-produkt .wp-block-post-featured-image {
	border: 1px solid #d8e0e8;
	background: #fff;
}

.fc-galeria__mriezka figure,
.fc-rozmery-rad figure {
	background: #fff;
}

.fc-hlavicka__cta .wp-block-button__link {
	padding: 0.55rem 1rem;
}

@media (max-width: 781px) {
	.fc-hlavicka__cta {
		display: none;
	}
}

/* Úvodný pruh s fotografiou */
.fc-hero-uvod__eyebrow {
	font-family: var(--wp--preset--font-family--sora, Sora, sans-serif);
	font-size: 0.8rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	opacity: 0.85;
	margin-bottom: 0.5rem;
}

.fc-hero-uvod__foto img {
	border-radius: 14px;
	box-shadow: 0 24px 60px rgba(9, 30, 50, 0.35);
	max-height: 520px;
	width: 100%;
	object-fit: cover;
}

.fc-hero-uvod .is-style-outline .wp-block-button__link {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.85);
}

.fc-hero-uvod .is-style-outline .wp-block-button__link:hover {
	background: #fff;
	color: var(--wp--preset--color--accent-1, #1b6ca8);
}

/* Karty na stránkach: jemný zdvih pri prejdení myšou */
.wp-block-columns .wp-block-column > .wp-block-group.has-accent-5-background-color,
.fc-karta {
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.wp-block-columns .wp-block-column > .wp-block-group.has-accent-5-background-color:hover,
.fc-karta:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 30px rgba(36, 49, 63, 0.12);
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-columns .wp-block-column > .wp-block-group.has-accent-5-background-color,
	.fc-karta {
		transition: none;
	}
}

/* Päta: tri stĺpce, v strede logo a navigácia v mriežke */
.fc-pata h3 {
	font-size: 0.95rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: 0.75rem;
}

.fc-pata p {
	font-size: 1.05rem;
	line-height: 1.6;
}

.fc-pata .fc-logo-pata {
	margin: 0 0 1.5rem;
}

.fc-pata .fc-logo-pata img {
	display: block;
	height: auto;
}

.fc-pata .fc-pata-nav .wp-block-navigation__container {
	display: grid;
	grid-template-columns: repeat(3, max-content);
	gap: 0.6rem 2.5rem;
}

.fc-pata .fc-pata-nav .wp-block-navigation-item__content {
	color: #fff;
	font-weight: 600;
}

.fc-pata .fc-pata-nav .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent-2, #e8722f);
}

.fc-pata .fc-pata__ciara {
	opacity: 0.25;
	margin: 2rem auto 1rem;
}

.fc-pata .has-small-font-size {
	opacity: 0.8;
}

@media (max-width: 781px) {
	.fc-pata .fc-pata-nav .wp-block-navigation__container {
		grid-template-columns: repeat(2, max-content);
	}
}

/* Poradca výberu na stránke Produkty */
.fcl-wizard {
	background: #fff;
	border: 1px solid #d8e0e8;
	border-radius: 16px;
	padding: 1.8rem;
	max-width: 720px;
	box-shadow: 0 10px 30px rgba(15, 39, 64, 0.1);
}

.fcl-wizard__otazka {
	font-family: var(--wp--preset--font-family--sora, Sora, sans-serif);
	font-weight: 700;
	font-size: 1.15rem;
	color: var(--wp--preset--color--accent-3, #0f2740);
	margin: 0 0 1rem;
}

.fcl-wizard__moznosti {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

.fcl-wizard__moznosti button {
	border: 2px solid var(--wp--preset--color--accent-1, #1f7bc0);
	background: #fff;
	color: var(--wp--preset--color--accent-1, #1f7bc0);
	font-family: inherit;
	font-weight: 600;
	font-size: 0.95rem;
	padding: 0.65rem 1.2rem;
	border-radius: 30px;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}

.fcl-wizard__moznosti button:hover {
	background: var(--wp--preset--color--accent-1, #1f7bc0);
	color: #fff;
}

.fcl-wizard__spat,
.fcl-wizard__znova {
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--accent-4, #5e6b78);
	font-family: inherit;
	font-size: 0.85rem;
	margin-top: 1rem;
	cursor: pointer;
	text-decoration: underline;
	padding: 0;
}

.fcl-wizard__label {
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-2, #e8722f);
	font-weight: 700;
	margin: 0 0 0.3rem;
}

.fcl-wizard__vysledok h3 {
	margin: 0 0 0.5rem;
	color: var(--wp--preset--color--accent-3, #0f2740);
}

.fcl-wizard__akcie {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	align-items: center;
	margin: 1.1rem 0 0;
}

.fcl-wizard__cta {
	display: inline-block;
	background: var(--wp--preset--color--accent-2, #e8722f);
	color: #fff;
	font-weight: 700;
	padding: 0.65rem 1.3rem;
	border-radius: 8px;
	text-decoration: none;
}

.fcl-wizard__cta--druha {
	background: var(--wp--preset--color--accent-1, #1f7bc0);
}

/* Značka Mycond pri názve produktu */
.fc-znacka {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin: 0.4rem 0 1.2rem;
	font-size: 0.9rem;
	color: var(--wp--preset--color--accent-4, #5e6b78);
}

.fc-znacka img {
	width: 42px;
	height: auto;
	border-radius: 8px;
}

.fc-znacka a {
	font-weight: 600;
}

/* Ikony sociálnych sietí v päte (shortcode [fancoil_socialne]) */
.fc-socialne {
	display: flex;
	gap: 0.6rem;
	margin-top: 1rem;
}

.fc-socialne .fc-social__odkaz {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	transition: background 0.2s ease, transform 0.2s ease;
}

.fc-socialne .fc-social__odkaz:hover {
	background: var(--wp--preset--color--accent-2, #e8722f);
	transform: translateY(-2px);
}

.fc-socialne svg {
	width: 20px;
	height: 20px;
}

/* Tabuľky v obsahu bez lomenia dlhých hodnôt. */
.wp-block-table table {
	font-size: 0.95rem;
}

/* Karty na úvodnej stránke rovnakej výšky. */
.wp-block-columns .wp-block-column > .wp-block-group.has-accent-5-background-color {
	height: 100%;
	border-radius: 12px;
}

/* =========================================================
   Predajná úvodná stránka (landing) – triedy fcl-*
   ========================================================= */

/* Odhalenie pri rolovaní – len keď beží skript */
.fcl-js .fcl-odhal {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

.fcl-js .fcl-odhal.fcl-vidno {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.fcl-js .fcl-odhal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Hero – nadpis s farebnými slovami a pás dôvery */
.fcl-hero-nadpis .fcl-zima {
	color: #9bd1ff;
}

.fcl-hero-nadpis .fcl-leto {
	color: #ffc7a0;
}

.fcl-dovera {
	display: flex;
	gap: 1.4rem;
	flex-wrap: wrap;
	font-size: 0.85rem;
	opacity: 0.9;
	margin-top: 1.2rem;
}

.fcl-dovera span::before {
	content: "\2713\00a0";
	color: #8fe3b0;
	font-weight: 700;
}

/* Vlnky vzduchu na fotke v hero */
.fcl-hero-foto {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 24px 60px rgba(9, 30, 50, 0.35);
}

.fcl-hero-foto img {
	display: block;
	width: 100%;
	max-height: 520px;
	object-fit: cover;
}

.fcl-vlny {
	position: absolute;
	left: 12%;
	top: 30%;
	width: 120px;
	height: 80px;
	pointer-events: none;
}

.fcl-vlny i {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 2px solid rgba(155, 209, 255, 0.9);
	border-top-color: transparent;
	border-left-color: transparent;
	animation: fcl-vlna 2.6s linear infinite;
	opacity: 0;
}

.fcl-vlny i:nth-child(2) {
	animation-delay: 0.85s;
}

.fcl-vlny i:nth-child(3) {
	animation-delay: 1.7s;
}

@keyframes fcl-vlna {
	0% { transform: scale(0.3) rotate(45deg); opacity: 0; }
	25% { opacity: 0.9; }
	100% { transform: scale(1.6) rotate(45deg); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.fcl-vlny {
		display: none;
	}
}

/* Číselný pás */
.fcl-pas {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1.2rem;
	text-align: center;
}

.fcl-pas b {
	display: block;
	font-size: clamp(22px, 2.6vw, 34px);
	font-weight: 800;
	color: #9bd1ff;
}

.fcl-pas small {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.8rem;
	opacity: 0.8;
	line-height: 1.35;
}

/* Scéna Leto / Zima */
.fcl-scena {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 380px;
	border-radius: 18px;
	overflow: hidden;
	background: var(--wp--preset--color--accent-3, #0f2740);
	box-shadow: 0 18px 50px rgba(15, 39, 64, 0.18);
}

.fcl-scena .fcl-foto {
	position: relative;
	min-height: 240px;
}

.fcl-scena .fcl-foto img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.8s;
}

.fcl-scena .fcl-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2.6rem;
	color: #fff;
	transition: background 0.8s;
}

.fcl-scena.fcl-leto .fcl-info {
	background: linear-gradient(135deg, #0f2740, #1b5e97);
}

.fcl-scena.fcl-zima .fcl-info {
	background: linear-gradient(135deg, #4a1d05, #c2591f);
}

.fcl-teplota {
	font-size: 64px;
	font-weight: 800;
	line-height: 1;
}

.fcl-teplota sup {
	font-size: 26px;
}

.fcl-popis-rezim {
	margin: 0.9rem 0 1.5rem;
	opacity: 0.9;
	max-width: 380px;
}

.fcl-prepinac {
	display: inline-flex;
	gap: 4px;
	width: max-content;
	padding: 5px;
	border-radius: 40px;
	background: rgba(255, 255, 255, 0.15);
}

.fcl-prepinac button {
	border: 0;
	background: transparent;
	color: #fff;
	padding: 0.6rem 1.4rem;
	border-radius: 30px;
	font-family: inherit;
	font-weight: 700;
	font-size: 0.88rem;
	cursor: pointer;
	transition: background 0.3s, color 0.3s;
}

.fcl-prepinac button.fcl-aktivny {
	background: #fff;
	color: var(--wp--preset--color--accent-3, #0f2740);
}

/* Kroky – ako to funguje */
.fcl-kroky {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.1rem;
}

.fcl-krok {
	position: relative;
	background: var(--wp--preset--color--page, #eef3f8);
	border: 1px solid #d8e0e8;
	border-radius: 14px;
	padding: 1.6rem 1.4rem;
}

.fcl-krok .fcl-cislo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin-bottom: 0.85rem;
	border-radius: 50%;
	background: var(--wp--preset--color--accent-1, #1f7bc0);
	color: #fff;
	font-weight: 800;
}

.fcl-krok h3 {
	font-size: 1.05rem;
	margin: 0 0 0.5rem;
}

.fcl-krok p {
	font-size: 0.88rem;
	color: var(--wp--preset--color--accent-4, #5e6b78);
	margin: 0;
}

.fcl-krok::after {
	content: "\2192";
	position: absolute;
	right: -1rem;
	top: 44%;
	font-size: 1.4rem;
	color: var(--wp--preset--color--accent-1, #1f7bc0);
	z-index: 2;
}

.fcl-krok:last-child::after {
	content: "";
}

/* Porovnávacia tabuľka */
.fcl-tabulka {
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	overflow-x: auto;
	box-shadow: 0 14px 40px rgba(15, 39, 64, 0.12);
}

.fcl-tabulka table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.94rem;
}

.fcl-tabulka th,
.fcl-tabulka td {
	padding: 0.9rem 1.1rem;
	text-align: center;
	border-bottom: 1px solid #e3ecf4;
}

.fcl-tabulka td:first-child,
.fcl-tabulka th:first-child {
	text-align: left;
	font-weight: 600;
	color: var(--wp--preset--color--contrast, #15222e);
}

.fcl-tabulka thead th {
	background: var(--wp--preset--color--accent-3, #0f2740);
	color: #fff;
	font-size: 0.88rem;
}

.fcl-tabulka thead th.fcl-fc {
	background: var(--wp--preset--color--accent-1, #1f7bc0);
	font-size: 0.94rem;
}

.fcl-tabulka tbody tr:hover {
	background: var(--wp--preset--color--page, #eef3f8);
}

.fcl-tabulka .fcl-ano {
	color: #1d9d55;
	font-weight: 800;
}

.fcl-tabulka .fcl-nie {
	color: #c34040;
	font-weight: 800;
}

.fcl-tabulka .fcl-ciast {
	color: var(--wp--preset--color--accent-4, #5e6b78);
}

.fcl-tabulka td.fcl-fc {
	background: rgba(31, 123, 192, 0.07);
	font-weight: 700;
}

/* Fotokarty kategórií */
.fcl-mriezka {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.3rem;
}

.fcl-karta {
	display: block;
	background: #fff;
	border: 1px solid #d8e0e8;
	border-radius: 14px;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.fcl-karta:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 36px rgba(15, 39, 64, 0.16);
}

.fcl-karta .fcl-obr {
	height: 180px;
	overflow: hidden;
	background: var(--wp--preset--color--ice, #e3ecf4);
}

.fcl-karta .fcl-obr img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
	max-height: none;
}

.fcl-karta:hover .fcl-obr img {
	transform: scale(1.06);
}

.fcl-karta .fcl-telo {
	padding: 1.1rem 1.25rem 1.4rem;
}

.fcl-karta h3 {
	font-size: 1.05rem;
	margin: 0 0 0.35rem;
	color: var(--wp--preset--color--accent-3, #0f2740);
}

.fcl-karta p {
	font-size: 0.85rem;
	color: var(--wp--preset--color--accent-4, #5e6b78);
	margin: 0;
}

.fcl-karta .fcl-viac {
	display: inline-block;
	margin-top: 0.6rem;
	color: var(--wp--preset--color--accent-1, #1f7bc0);
	font-weight: 700;
	font-size: 0.85rem;
}

/* Prečo od nás – karty na modrom prechode */
.fcl-vyhody {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.1rem;
}

.fcl-vyhoda {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 14px;
	padding: 1.5rem 1.25rem;
	color: #fff;
}

.fcl-vyhoda .fcl-iko {
	font-size: 1.9rem;
	margin-bottom: 0.7rem;
}

.fcl-vyhoda h3 {
	font-size: 1rem;
	margin: 0 0 0.4rem;
	color: #fff;
}

.fcl-vyhoda p {
	font-size: 0.85rem;
	opacity: 0.85;
	margin: 0;
}

/* FAQ */
.fcl-faq details {
	background: #fff;
	border: 1px solid #d8e0e8;
	border-radius: 12px;
	margin-bottom: 0.8rem;
	padding: 1.25rem 1.5rem;
	box-shadow: 0 6px 18px rgba(15, 39, 64, 0.08);
}

.fcl-faq summary {
	font-weight: 700;
	color: var(--wp--preset--color--accent-3, #0f2740);
	cursor: pointer;
	font-size: 1rem;
}

.fcl-faq details p {
	margin: 0.75rem 0 0;
	color: var(--wp--preset--color--accent-4, #5e6b78);
	font-size: 0.92rem;
	max-width: 80ch;
}

/* Telefón v závere */
.fcl-tel {
	display: inline-block;
	margin-top: 1rem;
	font-size: 1.6rem;
	font-weight: 800;
	color: #fff;
	text-decoration: none;
}

/* Kroky v článku – tri stĺpce (6 krokov v dvoch radoch) */
.fcl-kroky--clanok {
	grid-template-columns: repeat(3, 1fr);
}

.fcl-kroky--clanok .fcl-krok::after {
	content: "";
}

/* Schéma pripojenia (inline SVG v článku) */
.fcl-schema {
	background: #fff;
	border: 1px solid #d8e0e8;
	border-radius: 14px;
	padding: 1rem;
	overflow-x: auto;
}

.fcl-schema svg {
	display: block;
	width: 100%;
	height: auto;
	max-width: 760px;
	margin: 0 auto;
}

/* Kalkulačka výkonu */
.fcl-kalk {
	display: grid;
	grid-template-columns: 1fr 1.1fr;
	gap: 1.5rem;
	background: #fff;
	border: 1px solid #d8e0e8;
	border-radius: 16px;
	padding: 1.8rem;
	box-shadow: 0 14px 40px rgba(15, 39, 64, 0.12);
}

.fcl-kalk label {
	display: block;
	font-weight: 600;
	font-size: 0.9rem;
	color: var(--wp--preset--color--accent-3, #0f2740);
	margin: 0.9rem 0 0.3rem;
}

.fcl-kalk label:first-child {
	margin-top: 0;
}

.fcl-kalk input[type="number"],
.fcl-kalk select {
	width: 100%;
	padding: 0.65rem 0.8rem;
	border: 1px solid #d8e0e8;
	border-radius: 8px;
	font-family: inherit;
	font-size: 1rem;
	background: var(--wp--preset--color--page, #eef3f8);
	color: var(--wp--preset--color--contrast, #15222e);
}

.fcl-kalk .fcl-kalk__chlad {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1rem;
	font-weight: 600;
	font-size: 0.9rem;
	color: var(--wp--preset--color--accent-3, #0f2740);
}

.fcl-kalk .fcl-kalk__chlad input {
	width: 20px;
	height: 20px;
	accent-color: var(--wp--preset--color--accent-2, #e8722f);
}

.fcl-kalk__vysledok {
	background: var(--wp--preset--color--accent-3, #0f2740);
	color: #fff;
	border-radius: 12px;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.fcl-kalk__vysledok .fcl-kalk__kw {
	font-size: 2rem;
	font-weight: 800;
	color: #9bd1ff;
	line-height: 1.2;
}

.fcl-kalk__vysledok .fcl-kalk__kw small {
	display: block;
	font-size: 0.8rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.75);
	margin-bottom: 0.7rem;
}

.fcl-kalk__vysledok p {
	font-size: 0.88rem;
	margin: 0.7rem 0 0;
	opacity: 0.9;
}

.fcl-kalk__vysledok a.fcl-kalk__cta {
	display: inline-block;
	margin-top: 1rem;
	background: var(--wp--preset--color--accent-2, #e8722f);
	color: #fff;
	font-weight: 700;
	padding: 0.7rem 1.4rem;
	border-radius: 8px;
	text-decoration: none;
	width: max-content;
}

.fcl-kalk__pozn {
	font-size: 0.78rem;
	color: var(--wp--preset--color--accent-4, #5e6b78);
	margin-top: 0.9rem;
}

/* Úspory – tri dlaždice */
.fcl-uspory {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.1rem;
}

.fcl-uspora {
	background: #fff;
	border: 1px solid #d8e0e8;
	border-radius: 14px;
	padding: 1.5rem 1.3rem;
	text-align: center;
}

.fcl-uspora b {
	display: block;
	font-size: clamp(26px, 3vw, 38px);
	font-weight: 800;
	color: var(--wp--preset--color--accent-1, #1f7bc0);
}

.fcl-uspora small {
	display: block;
	margin-top: 0.4rem;
	font-size: 0.85rem;
	color: var(--wp--preset--color--accent-4, #5e6b78);
	line-height: 1.4;
}

/* Animovaný prierez fancoilu */
.fcl-prierez {
	background: #fff;
	border: 1px solid #d8e0e8;
	border-radius: 16px;
	padding: 1.2rem;
	overflow-x: auto;
}

.fcl-prierez svg {
	display: block;
	width: 100%;
	height: auto;
	max-width: 820px;
	margin: 0 auto;
}

.fcl-prierez .rotor {
	animation: fcl-rotor 2.2s linear infinite;
	transform-origin: 380px 205px;
}

@keyframes fcl-rotor {
	to { transform: rotate(360deg); }
}

.fcl-prierez .vzduch {
	stroke-dasharray: 10 12;
	animation: fcl-tok 1.4s linear infinite;
}

@keyframes fcl-tok {
	to { stroke-dashoffset: -22; }
}

.fcl-prierez .voda {
	animation: fcl-pulz 2.6s ease-in-out infinite;
}

@keyframes fcl-pulz {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.45; }
}

.fcl-js .fcl-prierez .popisok {
	opacity: 0;
	transition: opacity 0.6s ease;
}

.fcl-js .fcl-odhal.fcl-vidno .popisok {
	opacity: 1;
}

.fcl-js .fcl-odhal.fcl-vidno .popisok:nth-of-type(1) { transition-delay: 0.3s; }
.fcl-js .fcl-odhal.fcl-vidno .popisok:nth-of-type(2) { transition-delay: 0.8s; }
.fcl-js .fcl-odhal.fcl-vidno .popisok:nth-of-type(3) { transition-delay: 1.3s; }
.fcl-js .fcl-odhal.fcl-vidno .popisok:nth-of-type(4) { transition-delay: 1.8s; }
.fcl-js .fcl-odhal.fcl-vidno .popisok:nth-of-type(5) { transition-delay: 2.3s; }

@media (prefers-reduced-motion: reduce) {
	.fcl-prierez .rotor,
	.fcl-prierez .vzduch,
	.fcl-prierez .voda {
		animation: none;
	}

	.fcl-js .fcl-prierez .popisok {
		opacity: 1;
		transition: none;
	}
}

/* Mobil */
@media (max-width: 781px) {
	.fcl-pas {
		grid-template-columns: repeat(2, 1fr);
	}

	.fcl-kroky--clanok {
		grid-template-columns: 1fr 1fr;
	}

	.fcl-kalk {
		grid-template-columns: 1fr;
	}

	.fcl-uspory {
		grid-template-columns: 1fr;
	}

	.fcl-scena {
		grid-template-columns: 1fr;
	}

	.fcl-kroky,
	.fcl-mriezka,
	.fcl-vyhody {
		grid-template-columns: 1fr 1fr;
	}

	.fcl-krok::after {
		content: "";
	}
}

@media (max-width: 480px) {
	.fcl-kroky,
	.fcl-mriezka,
	.fcl-vyhody {
		grid-template-columns: 1fr;
	}

	.fcl-pas {
		grid-template-columns: 1fr 1fr;
	}
}

/* Hero na úvodnej stránke má tmavomodré pozadie. Nadpis bez vlastnej farby zdedí tmavú
   farbu nadpisov z theme.json a na pozadí zanikne – preto ho tu rozsvecujeme.
   Farebne zvýraznené slová (.fcl-zima, .fcl-leto) majú vlastnú farbu a zostávajú. */
.fc-hero-uvod h1,
.fc-hero-uvod h2,
.fc-hero-uvod h3,
.fcl-hero-nadpis {
	color: #fff;
}