/**
 * Kým si zákazník nezvolí spôsob platby, nezobrazuje sa popis žiadnej metódy.
 * Otvorený popis (číslo účtu, poznámka k dobierke) pôsobí, že je metóda už
 * vybraná — a práve to bol dôvod, prečo ľudia klikali na „Objednať“ bez toho,
 * aby platbu zvolili.
 *
 * Trieda sa pridáva a odoberá v pokladna-platba-volba.js.
 */

body.melino-platba-nevybrana .wc_payment_method .payment_box {
	display: none !important;
}

/**
 * Celá karta platby sa dá kliknúť (výber rieši pokladna-platba-volba.js),
 * takže sa tak musí aj tváriť. V popise metódy kurzor ostáva bežný — tam sa
 * dá text označiť a klik nič nevyberá.
 */
li.wc_payment_method {
	cursor: pointer;
}

li.wc_payment_method .payment_box {
	cursor: auto;
}

/**
 * Upozornenie, že platba nie je zvolená.
 *
 * Vzhľad je zámerne prevzatý z toho, ako pokladňa hlási chýbajúcu dopravu
 * (`.zz-shipping-section--missing`) — rovnaký červený pruh, rovnaké písmo,
 * rovnaké zatrasenie. Zákazník tak dostane hlášku priamo na sekcii, kam ho
 * stránka posunie, nie v pruhu na opačnom konci pokladne.
 *
 * `zz-shake` aj `--zz-error` sú definované v štýloch pokladne.
 */
.zz-payment-section--missing {
	border-color: var(--zz-error, #d63638) !important;
	animation: zz-shake 0.4s ease;
}

.zz-payment-section--missing::before {
	content: "Vyberte spôsob platby, prosím.";
	display: block;
	padding: 10px 16px;
	background: rgba(214, 54, 56, 0.08);
	color: var(--zz-error, #d63638);
	font-size: 13px;
	font-weight: 500;
	border-bottom: 1px solid rgba(214, 54, 56, 0.2);
}