/* Czcionki hero z pełnymi polskimi znakami */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@800;900&family=Great+Vibes&display=swap&subset=latin-ext");

/* Bombki z misją — świąteczna warstwa: czerwień, zieleń, biel, złoto.
   Ładowana po brand.css. Kolory bazowe z palety „bombki” (inc/brand.php). */

:root {
	--forest-deep: #10301F;
	--clp-panel: #7E141B;
	--clp-panel-deep: #5E0F14;
	--clp-gold-shine: linear-gradient(135deg, #E9CF8A 0%, #C9A24A 45%, #A47C2C 100%);
}

/* Przyciski: główne CTA w świątecznej czerwieni */
.clp-btn--forest {
	background: var(--brand);
	color: var(--brand-ink) !important;
}
.clp-btn--forest:hover {
	background: var(--brand-deep, #741219);
	color: var(--brand-ink) !important;
}

/* Hero: złote wyróżnienie „z wielką misją” + złota gwiazda przy tytule */
.clp-hero-mission__mark {
	color: var(--brand);
}
.clp-hero-mission__mark .clp-script {
	font-family: var(--font-script);
	font-style: italic;
	text-transform: none;
	color: var(--gold);
	font-weight: 600;
	letter-spacing: 0;
}
.clp-hero-mission__heart,
.clp-hero-product__heart {
	color: var(--gold);
}
.clp-hero-mission__heart svg,
.clp-hero-product__heart svg {
	filter: drop-shadow(0 2px 6px color-mix(in srgb, var(--gold) 45%, transparent));
}
.clp-hero-mission__spark { color: var(--gold); }
.clp-hero-mission__spark--a,
.clp-hero-mission__spark--c { color: color-mix(in srgb, var(--brand) 55%, #fff); }

/* Ciemne sekcje (zielony pas „Bombkę wieszasz…”, stopka): śnieg w tle */
.clp-mission-strip__bar {
	position: relative;
	isolation: isolate;
}
.clp-mission-strip__bar::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	opacity: .55;
	background-image:
		radial-gradient(circle at 12% 22%, rgba(255,255,255,.55) 0 1.2px, transparent 1.6px),
		radial-gradient(circle at 34% 68%, rgba(255,255,255,.45) 0 1px, transparent 1.4px),
		radial-gradient(circle at 58% 18%, rgba(255,255,255,.5) 0 1.4px, transparent 1.8px),
		radial-gradient(circle at 76% 54%, rgba(255,255,255,.4) 0 1px, transparent 1.4px),
		radial-gradient(circle at 90% 30%, rgba(255,255,255,.55) 0 1.2px, transparent 1.6px),
		radial-gradient(circle at 46% 88%, rgba(255,255,255,.4) 0 1px, transparent 1.4px);
	background-size: 260px 180px;
}
.clp-mission-strip__bar > * {
	position: relative;
	z-index: 1;
}

/* Złota linia pod nagłówkami sekcji — subtelny akcent */
.clp-mission-strip__heading::after {
	content: "";
	display: block;
	width: 3.5rem;
	height: 2px;
	margin: .7rem auto 0;
	background: var(--clp-gold-shine);
	border-radius: 2px;
}

/* Padający śnieg — bardzo delikatny, tylko na górze strony */
.clp-snowfall {
	position: fixed;
	inset: 0 0 auto 0;
	height: 100vh;
	pointer-events: none;
	z-index: 2;
	overflow: hidden;
}
.clp-snowfall i {
	position: absolute;
	inset: -100vh 0 0 0;
	background-image:
		radial-gradient(circle at 8% 12%, #fff 0 2px, transparent 2.6px),
		radial-gradient(circle at 23% 41%, #fff 0 1.5px, transparent 2px),
		radial-gradient(circle at 41% 7%, #fff 0 2.2px, transparent 2.8px),
		radial-gradient(circle at 57% 33%, #fff 0 1.4px, transparent 1.9px),
		radial-gradient(circle at 71% 19%, #fff 0 1.8px, transparent 2.3px),
		radial-gradient(circle at 86% 46%, #fff 0 1.5px, transparent 2px),
		radial-gradient(circle at 94% 9%, #fff 0 2px, transparent 2.6px);
	background-size: 520px 520px;
	opacity: .55;
	filter: drop-shadow(0 0 1px rgba(120,120,120,.35));
	animation: clp-snow 38s linear infinite;
}
.clp-snowfall i:nth-child(2) {
	background-size: 380px 380px;
	opacity: .4;
	animation-duration: 52s;
	animation-delay: -14s;
}
.clp-snowfall i:nth-child(3) {
	background-size: 700px 700px;
	opacity: .3;
	animation-duration: 70s;
	animation-delay: -30s;
}
@keyframes clp-snow {
	from { transform: translate3d(0, 0, 0); }
	to   { transform: translate3d(-40px, 100vh, 0); }
}
@media (prefers-reduced-motion: reduce) {
	.clp-snowfall { display: none; }
}
@media (max-width: 767px) {
	.clp-snowfall i { opacity: .35; }
	.clp-snowfall i:nth-child(3) { display: none; }
}

/* Statystyki: złote ikony bombek */
.clp-stat__icon svg [stroke="#C9A24A"] { stroke: var(--gold); }

/* FAQ: odpowiedzi wieloakapitowe */
.clp-faq__answer p + p { margin-top: .75em; }

/* Kicker na pędzlu — jasna zieleń choinki */
.clp-story__brush { color: #CFE3D4; }
.clp-story__kicker-text { color: var(--text); }

/* Polaroid w sekcjach historii: podpis pod zdjęciem, nie na nim */
.clp-story--frame-polaroid .clp-story__figure.clp-polaroid { padding-bottom: 1rem; }
.clp-story--frame-polaroid .clp-story__note {
	position: static;
	margin: .65rem .4rem 0;
	font-size: 1.3rem;
	transform: rotate(-1.5deg);
}


/* Pasek darmowej wysyłki (koszyk, zamówienie, mini-koszyk) — świąteczna czerwień */
body .clp-ship-bar {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background: linear-gradient(135deg, #9E1B22 0%, #7E141B 55%, #5E0F14 100%);
	color: #fff;
	box-shadow: 0 10px 24px -12px rgba(94, 15, 20, .55);
}
body .clp-ship-bar::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	opacity: .5;
	background-image:
		radial-gradient(circle at 14% 24%, rgba(255,255,255,.6) 0 1.2px, transparent 1.7px),
		radial-gradient(circle at 38% 78%, rgba(255,255,255,.45) 0 1px, transparent 1.5px),
		radial-gradient(circle at 63% 30%, rgba(255,255,255,.5) 0 1.3px, transparent 1.8px),
		radial-gradient(circle at 88% 64%, rgba(255,255,255,.45) 0 1px, transparent 1.5px);
	background-size: 180px 120px;
}
body .clp-ship-bar__kicker {
	display: flex;
	align-items: center;
	gap: .4rem;
	color: #F1D58E;
}
body .clp-ship-bar__kicker::before {
	content: "★";
	font-size: .9rem;
	letter-spacing: 0;
	color: #F1D58E;
}
body .clp-ship-bar__text { color: #fff; }
body .clp-ship-bar__track { background: rgba(255, 255, 255, .22); }
body .clp-ship-bar__fill {
	background: linear-gradient(90deg, #E9CF8A 0%, #C9A24A 100%);
	box-shadow: 0 0 10px rgba(233, 207, 138, .55);
}
body .clp-ship-bar__cta {
	background: #fff;
	color: #9E1B22;
	border: 1px solid rgba(255, 255, 255, .8);
	letter-spacing: .01em;
	transition: background .2s ease, color .2s ease, transform .2s ease;
}
body .clp-ship-bar__cta:hover,
body .clp-ship-bar__cta:focus-visible {
	filter: none;
	background: #F1D58E;
	color: #5E0F14;
	transform: translateY(-1px);
}
body .clp-ship-bar.is-unlocked {
	background: linear-gradient(135deg, #1B4A35 0%, #123524 100%);
	box-shadow: 0 10px 24px -12px rgba(18, 53, 36, .55);
}

/* Stopka: zimowa górska wioska nocą */
.clp-footer,
.clp-footer.clp-tone-forest {
	background-color: #071a20;
	background-image: url("/wp-content/uploads/2026/10/footer.jpg");
	background-size: cover;
	background-position: center 42%;
	padding-bottom: clamp(90px, 9vw, 150px);
}
.clp-footer::after {
	background: linear-gradient(180deg,
		rgba(5, 16, 22, .80) 0%,
		rgba(5, 16, 22, .66) 45%,
		rgba(5, 16, 22, .30) 78%,
		rgba(5, 16, 22, .15) 100%);
}

/* Stopka: czytelniejsze teksty na zdjęciu */
.clp-footer::after {
	background: linear-gradient(180deg,
		rgba(4, 12, 17, .88) 0%,
		rgba(4, 12, 17, .80) 55%,
		rgba(4, 12, 17, .55) 82%,
		rgba(4, 12, 17, .40) 100%);
}
.clp-footer,
.clp-footer p,
.clp-footer li,
.clp-footer a,
.clp-footer__contact {
	color: #FFFFFF !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .65);
}
.clp-footer a:hover,
.clp-footer a:focus-visible {
	color: #F1D58E !important;
}
.clp-footer__heading {
	color: #F1D58E !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .65);
}
.clp-footer__legal,
.clp-footer__legal a,
.clp-footer__legal-links a {
	color: rgba(255, 255, 255, .9) !important;
}
.clp-footer__legal {
	border-top-color: rgba(255, 255, 255, .25);
}

/* Okrągłe odznaki (100% / 55 zł / „Od 20 lat”) — świąteczna czerwień */
.clp-impact__badge,
.clp-impact__badge-copy,
.clp-impact__arrow,
.clp-story__stamp,
.clp-stamp__ring,
.clp-stamp__text {
	color: var(--brand) !important;
	border-color: var(--brand) !important;
}


/* Hero: „z wielką MISJĄ” — Playfair Display Black + Great Vibes (polskie znaki) */
.clp-hero-mission__mark {
	font-family: "Playfair Display", Georgia, serif !important;
	font-weight: 900 !important;
	letter-spacing: .01em !important;
	text-transform: uppercase;
	color: var(--brand) !important;
	-webkit-text-fill-color: currentColor !important;
	background: none !important;
}
.clp-hero-mission__mark .clp-script {
	font-family: "Great Vibes", cursive !important;
	font-weight: 400 !important;
	text-transform: none !important;
	color: var(--gold) !important;
	font-size: 1.15em;
	letter-spacing: 0 !important;
	padding: 0 .08em;
}

/* Paleta „choinka i czerwone bombki” zamiast beży */
:root {
	--clp-blush: #F7E1E1;
	--clp-pine-pale: #E4EFE6;
	--clp-snow: #F5F9F5;
}
.clp-stats,
.clp-newsletter--split,
.clp-video--cream {
	background: var(--clp-blush);
}
.clp-popup--cream .clp-popup__dialog { background: var(--clp-snow); }
.clp-hero-product__media { background: #FFFFFF; }
.clp-polaroid__tape,
.clp-story__tape { background: color-mix(in srgb, #FFFFFF 70%, transparent); }
.clp-checkout-extras { background: var(--clp-pine-pale); }

/* Postrzępiona krawędź panelu (bg1-v.svg) — w oryginale nigdy się nie wyświetlała, a zasłania tekst */
.clp-impact__tear { display: none !important; }

/* ===== Świąteczne ozdoby na brzegach jasnych sekcji ===== */
:root {
	--x-piernik: url("../img/xmas/piernik.svg");
	--x-choinka: url("../img/xmas/choinka.svg");
	--x-gwiazdka: url("../img/xmas/gwiazdka.svg");
	--x-laska: url("../img/xmas/laska.svg");
	--x-ostrokrzew: url("../img/xmas/ostrokrzew.svg");
	--x-bombka-cz: url("../img/xmas/bombka-cz.svg");
	--x-bombka-ziel: url("../img/xmas/bombka-ziel.svg");
}
.wp-block-centaurus-lp-product-grid,
.wp-block-centaurus-lp-impact-stats,
.clp-story,
.clp-letter,
.wp-block-centaurus-lp-faq,
.wp-block-centaurus-lp-newsletter {
	background-repeat: no-repeat !important;
}
@media (min-width: 1100px) {
	.wp-block-centaurus-lp-product-grid {
		background-image: var(--x-choinka), var(--x-piernik), var(--x-gwiazdka), var(--x-bombka-cz) !important;
		background-size: 92px, 62px, 34px, 46px !important;
		background-position: left 3% bottom 70px, right 3.5% top 120px, left 6% top 150px, right 5% bottom 110px !important;
	}
	.wp-block-centaurus-lp-impact-stats {
		background-image: var(--x-ostrokrzew), var(--x-gwiazdka), var(--x-laska) !important;
		background-size: 96px, 30px, 40px !important;
		background-position: left 3% top 40px, right 6% top 50px, left 5% bottom 50px !important;
	}
	.clp-story {
		background-image: var(--x-gwiazdka), var(--x-bombka-ziel), var(--x-piernik) !important;
		background-size: 30px, 44px, 54px !important;
		background-position: left 3% top 60px, right 2.5% top 70px, left 2.5% bottom 70px !important;
	}
	.clp-story.is-flip {
		background-image: var(--x-choinka), var(--x-gwiazdka), var(--x-bombka-cz) !important;
		background-size: 78px, 28px, 42px !important;
		background-position: right 3% bottom 60px, right 7% top 70px, left 3% top 90px !important;
	}
	.clp-letter {
		background-image: var(--x-laska), var(--x-ostrokrzew), var(--x-piernik), var(--x-gwiazdka) !important;
		background-size: 44px, 100px, 60px, 32px !important;
		background-position: left 4% top 90px, right 3% top 60px, right 4% bottom 120px, left 6% bottom 160px !important;
	}
	.wp-block-centaurus-lp-faq {
		background-image: var(--x-bombka-cz), var(--x-bombka-ziel), var(--x-gwiazdka) !important;
		background-size: 46px, 40px, 28px !important;
		background-position: right 5% top 90px, right 9% top 150px, left 5% top 110px !important;
	}
	.wp-block-centaurus-lp-newsletter {
		background-image: var(--x-piernik), var(--x-gwiazdka) !important;
		background-size: 48px, 26px !important;
		background-position: left 1.5% center, right 1.5% top 30% !important;
	}
}
@media (max-width: 1099px) {
	.wp-block-centaurus-lp-product-grid,
	.wp-block-centaurus-lp-faq {
		background-image: var(--x-gwiazdka), var(--x-bombka-cz) !important;
		background-size: 22px, 30px !important;
		background-position: left 16px top 34px, right 14px top 26px !important;
	}
	.clp-letter,
	.wp-block-centaurus-lp-impact-stats {
		background-image: var(--x-ostrokrzew) !important;
		background-size: 64px !important;
		background-position: right 12px top 18px !important;
	}
}

/* Etykiety na zdjęciach produktów — kolory świąteczne
   (w palecie bombek „marka” = czerwień, więc „zielony” to zieleń choinki) */
.clp-card-badge--gold  { background: var(--clp-gold-shine); color: #3B2A0C; }
.clp-card-badge--green { background: var(--forest, #1B4A35); color: #FFFFFF; }
.clp-card-badge--red   { background: var(--brand, #9E1B22); color: #FFFFFF; }
.clp-card-badge--cream { background: #FFFFFF; color: var(--brand, #9E1B22); }
.clp-card-badge--green,
.clp-card-badge--red { text-shadow: 0 1px 1px rgba(0, 0, 0, .2); }