/*
 * Dárkový poukaz (inc/poukaz.php): formulář, děkovná a platební stránka.
 * Společné pro sesterské weby, barvy z proměnných --f-* tématu.
 *
 * Převzato 25. 10. 2026 z darujtmu.cz: cena za noc v dlaždicích, na mobilu
 * dlaždice v jednom řádku a lišta jako jedno tlačítko s výběrem a cenou
 * (poznámka malým písmem uvnitř barevné plochy), shrnutí objednávky
 * a volba platby na děkovné stránce.
 */

.rez-za-noc { display: block; padding-left: 22px; margin-top: 2px; font-size: 13.5px; color: var(--f-mekky); }
.rez-tile:has(input:checked) .rez-za-noc { color: var(--f-akcent-text, var(--f-akcent)); }
.rez-poukaz .rez-summary input[type="submit"] { white-space: normal; text-wrap: balance; }
.rez-poukaz .rez-note { cursor: pointer; }

@media (max-width: 767px) {
	/* min(): oblá tlačítka (svetlo-a-tma, 999px) by s dvouřádkovou plochou vypadala jako bublina */
	.rez-poukaz .rez-summary { background: var(--f-akcent); border-radius: min(var(--f-radius-tlacitko, 12px), 18px); padding-bottom: 8px; cursor: pointer; transition: background .2s; }
	.rez-poukaz .rez-summary:hover { background: var(--f-akcent-hover); }
	.rez-poukaz .rez-summary input[type="submit"],
	.rez-poukaz .rez-summary input[type="submit"]:hover,
	.rez-poukaz .rez-summary input[type="submit"]:focus { background: transparent; box-shadow: none; border-color: transparent; }
	.rez-poukaz .rez-summary input[type="submit"] { min-height: 0; padding: 11px 12px 2px; margin: 0; }
	.rez-poukaz .rez-summary .rez-note { color: var(--f-na-akcentu); opacity: 0.8; font-size: 11.5px; line-height: 1.3; padding: 0 14px; }
}
@media (max-width: 640px) {
	.rez-poukaz .rez-tiles { flex-wrap: nowrap; gap: 8px; }
	.rez-poukaz .rez-tile { flex: 1 1 0; min-width: 0; padding: 14px 10px; font-size: 16px; white-space: nowrap; }
	.rez-poukaz .rez-tile input[type="radio"] { margin-right: 6px; }
	.rez-poukaz .rez-badge { right: 6px; font-size: 9px; padding: 3px 6px; }
	.rez-za-noc { padding-left: 0; margin-top: 4px; font-size: 12.5px; }
}
/* Nejužší telefony (320 px): cena za noc by jinak přetekla dlaždici */
@media (max-width: 374px) {
	.rez-poukaz .rez-tile { padding: 12px 7px; font-size: 15px; }
	.rez-za-noc { font-size: 11px; }
	.rez-poukaz .rez-badge { right: 4px; font-size: 8.5px; letter-spacing: .02em; padding: 3px 5px; }
}

/* Shrnutí objednávky na děkovné stránce (*_objednavka_html) */
.lt-objednano { border: 1px solid var(--f-akcent-okraj); border-radius: var(--f-radius-dlazdice, 10px); background: var(--f-pole); padding: 18px 20px; margin: 1.5em 0; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 20px; }
.lt-objednano__stitek { flex: 1 0 100%; margin: 0; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--f-mekky); font-family: var(--f-pismo-popisek, inherit); }
.lt-objednano__co { margin: 0; font-size: 21px; line-height: 1.3; color: var(--f-text); }
.lt-objednano__cena { margin: 0; font-size: 20px; font-weight: 600; color: var(--f-akcent-text, var(--f-akcent)); white-space: nowrap; }

/* Volba platby (děkovná stránka) a výsledek platby (/zaplatit/) */
.lt-platba { margin: 1.5em 0; }
.lt-platba__volby { display: flex; flex-wrap: wrap; gap: 14px; margin: 14px 0; }
.lt-platba__volba { flex: 1 1 16em; border: 1px solid var(--f-akcent-okraj); border-radius: var(--f-radius-dlazdice, 10px); background: var(--f-pole); padding: 18px 20px; }
.lt-platba__volba h3 { font-size: 21px; margin: 0 0 .3em; }
.lt-platba__volba p { margin: 0 0 .8em; }
.lt-platba__volba p:last-child { margin-bottom: 0; }
.lt-platba__tlacitko,
.lt-platba__tlacitko:visited { display: inline-flex; background: var(--f-akcent); color: var(--f-na-akcentu) !important; font-weight: 600; text-decoration: none !important; padding: 12px 24px; border-radius: var(--f-radius-tlacitko, 999px); }
.lt-platba__tlacitko:hover { background: var(--f-akcent-hover); }
.lt-platba__pozn { font-size: 15px; color: var(--f-mekky); }
.lt-platba__akce { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }