/* ===========================================================================
   KURS ONLINE NA LANDING PAGE — blok ceny i blok koszyka.
   ---------------------------------------------------------------------------
   Konwencja własna, spójna z lp-terminy.css: BEM, polskie nazwy, wszystko pod
   korzeniem zakresu. Każdy selektor ma przedrostek `.eldago-lp-kurs`, bo Kadence
   nadpisuje reguły o niższej specyficzności (marginesy akapitów, kolory
   nagłówków) — to samo lekarstwo co w module terminów.
   =========================================================================== */

.eldago-lp-kurs.eldago-lp-kurs {
	--lpk-akcent: #111;
	--lpk-znacznik-tlo: #f5c518;
	--lpk-cisza: #6b6b6b;
	--lpk-ramka: #e4e2dd;
	--lpk-tlo-miekkie: #f1efea;
	--lpk-promien: 12px;

	box-sizing: border-box;
}

.eldago-lp-kurs *,
.eldago-lp-kurs *::before,
.eldago-lp-kurs *::after {
	box-sizing: inherit;
}

.eldago-lp-kurs p {
	margin: 0;
}

/* --- blok ceny ----------------------------------------------------------- */

.eldago-lp-kurs .eldago-lp-kurs__ceny {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: .5em;
}

.eldago-lp-kurs .eldago-lp-kurs__cena {
	font-size: clamp(2rem, 5vw, 3rem);
	font-weight: 700;
	line-height: 1.05;
}

.eldago-lp-kurs .eldago-lp-kurs__cena-stara {
	font-size: 1.25rem;
	text-decoration: line-through;
	color: var(--lpk-cisza);
}

.eldago-lp-kurs .eldago-lp-kurs__rabat {
	padding: .2em .6em;
	border-radius: 999px;
	background: var(--lpk-akcent);
	color: #ffd600;
	font-size: .9rem;
	font-weight: 700;
	line-height: 1.5;
}

/* Rabat indywidualny ma inny kolor niż publiczna promocja — dwa różne rodzaje
   obniżki nie powinny wyglądać tak samo, bo tylko jeden z nich dotyczy
   wszystkich klientów. */
.eldago-lp-kurs .eldago-lp-kurs__rabat--indywidualny {
	background: var(--lpk-znacznik-tlo);
	color: #111;
}

.eldago-lp-kurs .eldago-lp-kurs__indywidualny {
	margin-top: .35rem;
	font-size: .85rem;
	font-weight: 600;
}

.eldago-lp-kurs .eldago-lp-kurs__raty {
	margin-top: .6rem;
	color: var(--lpk-cisza);
}

.eldago-lp-kurs .eldago-lp-kurs__posiadane {
	font-size: 1.15rem;
	font-weight: 600;
}

/* Linia Omnibus przychodzi z katalogu kursów razem z własną klasą, więc
   stylujemy ją przez selektor potomka, nie przez własną nazwę. */
.eldago-lp-kurs .karta__omnibus {
	margin-top: .35rem;
	font-size: .8rem;
	line-height: 1.45;
	color: var(--lpk-cisza);
}

.eldago-lp-kurs .eldago-lp-kurs__zwrot {
	display: flex;
	align-items: flex-start;
	gap: .6rem;
	margin-top: 1.25rem;
	padding: .9rem 1rem;
	border-radius: var(--lpk-promien);
	background: var(--lpk-tlo-miekkie);
	font-size: .95rem;
	line-height: 1.5;
}

.eldago-lp-kurs .eldago-lp-kurs__zwrot-ikona {
	flex: 0 0 auto;
	/* Wyrównanie do pierwszego wiersza tekstu, nie do jego górnej krawędzi. */
	margin-top: .15em;
	color: var(--lpk-akcent);
}

.eldago-lp-kurs .eldago-lp-kurs__zwrot-tresc {
	min-width: 0;
}

/* --- blok koszyka -------------------------------------------------------- */

.eldago-lp-kurs--koszyk {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem;
}

.eldago-lp-kurs .eldago-lp-kurs__cta,
.eldago-lp-kurs .eldago-lp-kurs__faq {
	display: inline-flex;
	align-items: center;
	gap: .4em;
	padding: .75em 1.4em;
	border-radius: var(--lpk-promien);
	font-weight: 600;
	text-decoration: none;
}

.eldago-lp-kurs .eldago-lp-kurs__cta {
	background: var(--lpk-akcent);
	color: #fff;
	order: 2;
}

.eldago-lp-kurs .eldago-lp-kurs__faq {
	/* Jawne białe tło, nie przezroczyste: blok koszyka stoi w makiecie na
	   szarym pasku stopki karty, więc przezroczysty przycisk zlewałby się z tłem. */
	background: #fff;
	border: 1px solid var(--lpk-ramka);
	color: inherit;
	order: 1;
}

.eldago-lp-kurs .eldago-lp-kurs__cta:hover,
.eldago-lp-kurs .eldago-lp-kurs__cta:focus-visible,
.eldago-lp-kurs .eldago-lp-kurs__faq:hover,
.eldago-lp-kurs .eldago-lp-kurs__faq:focus-visible {
	text-decoration: none;
	opacity: .88;
}

.eldago-lp-kurs .eldago-lp-kurs__niedostepny {
	order: 2;
	color: var(--lpk-cisza);
	font-weight: 600;
}

/* --- komunikat dla administratora ---------------------------------------- */

.eldago-lp-kurs--blad {
	padding: 1rem 1.25rem;
	border: 1px solid #b32d2e;
	border-radius: var(--lpk-promien);
	background: #fcf0f1;
	color: #b32d2e;
}

.eldago-lp-kurs--blad span {
	opacity: .75;
	font-size: .85em;
}