/**
 * Balance — „VÁSÁROLJ MOST" a kurzusoldalon (2026-10-06)
 *
 *  ⚠⚠ EGY ELSŐDLEGES GOMB SZABÁLYA — MÉRVE ALAPJÁN.
 *
 *  A Tutor a saját „Kosárba" gombját `tutor-btn-primary`-ként (tömött, színes)
 *  rajzolja, a mi „Vásárolj most" gombunk is az. KÉT tömött gomb egymás alatt
 *  viszont nem mondja meg, melyik a fő út — ezért a kurzusoldalon:
 *
 *      „Vásárolj most"  = TÖMÖTT (elsődleges, ez a döntés pillanata)
 *      „Kosárba"        = KERETES, világos (a másodlagos út)
 *
 *  Ez a szokásos kereskedelmi minta (a vásárlás az elsődleges, a gyűjtögetés a
 *  másodlagos), és pontosan azért van így, mert a felhasználó kérése az volt,
 *  hogy EGY képzés megvásárlása legyen az egyenes út.
 *
 *  ⚠ A szelektor szándékosan HOSSZABB (`.bal-vegy-meg-blokk .tutor-btn.
 *    tutor-native-add-to-cart`), mint a téma `.tutor-btn-primary` szabálya:
 *    így nem kell `!important`, és a szabály NEM szivárog ki a kurzusoldalról.
 */

.bal-vegy-meg-blokk {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 24px;
}

/* A másodlagos út: keretes, világos — a hang­súly az elsődlegesen van. */
.bal-vegy-meg-blokk .tutor-btn.tutor-native-add-to-cart,
.bal-vegy-meg-blokk .tutor-btn.tutor-native-view-cart {
	background: #ffffff;
	border: 1px solid #dbe3ec;
	color: #314056;
	box-shadow: none;
}

.bal-vegy-meg-blokk .tutor-btn.tutor-native-add-to-cart:hover,
.bal-vegy-meg-blokk .tutor-btn.tutor-native-view-cart:hover {
	background: #f8fafc;
	border-color: #c7d2fe;
	color: #0f172a;
}

/* Az elsődleges út: tömött. A színt a téma gomb-szabálya adja (fehér felirattal
   — ez a korábban mért specificitás-csapda miatt van így egy helyen, a
   `balance-tutor.css`-ben), itt csak a helyét és az állapotait vesszük át. */
.bal-vegy-meg-blokk .bal-vegy-meg-azonnal {
	margin: 0;
}

/* Amíg a kosárba-rakás fut, a gomb ne tűnjön halottnak. */
.bal-vegy-meg-blokk .bal-vegy-meg-azonnal.is-fut {
	opacity: .75;
	cursor: progress;
	pointer-events: none;
}

/* ⚠ A blokk a Tutor gombját is tartalmazza: ha a Tutor „View Cart"-ot rajzolt
   (mert a tétel már a kosárban van), akkor a „Vásárolj most" a fizetésre visz,
   és a „View Cart" marad a kosár megtekintésére — a kettő nem ütközik. */

/* A magyarázat, amikor a kosár NEM üres: ilyenkor a fizetés a kosár egészére
   vonatkozik, és ezt ki kell mondani (a félrevezető gombfelirat a legdrágább
   hiba egy vásárlási úton). Szándékosan halk: tájékoztat, nem riaszt. */
.bal-vegy-meg-jegyzet {
	margin: 0;
	font-size: 12.5px;
	line-height: 1.5;
	color: #64748b;
}

.bal-vegy-meg-jegyzet strong {
	color: #334155;
	font-weight: 700;
}