/* stylesheet_zz_cm_platby.css – pokladna (balík P11, bs222): piktogramy u způsobů platby (převod, dobírka) a zvýraznění vybrané platby.
   Převzato z CM (23. 10. 2026). Rámečky řádků plateb dělá šablona pokladny (#checkoutPayment .custom-control); tady se jen doplňuje ikona vpravo
   a barva vybrané volby. Pravidla se týkají výhradně řádků plateb s konkrétním id (pmt-cod, pmt-moneyorder; šablona
   tpl_modules_opc_payment_choices.php je píše jako id="pmt-<kód modulu>" přímo u přepínače uvnitř .custom-control) a výběru uvnitř #checkoutPaymentMethod.
   Piktogramy: vlastní jednoduché ikony v images/platby/ (cesta relativně k tomuto souboru, takže funguje i v podsložce webu). Barvy: --obchod-primarni
   obchodu (záložní hodnoty = tyrkysová CM). Selektor :has() starší prohlížeče neznají – ikona a zvýraznění se tam prostě neukážou.
   REVIZE R-06 (6. 11. 2026): pravidla s ikonou platí JEN na stránce checkout_one (předpona body#checkoutoneBody; id těla = main_page bez podtržítka + Body), protože
   soubor je globální a #checkoutPayment / #pmt-<kód> má i jádrová třístránková pokladna (tpl_checkout_payment_default.php) - ta se před zapnutím OPC nesmí měnit.
   Rollback: smazat tento soubor. */
body#checkoutoneBody #checkoutPayment .custom-control:has(> #pmt-cod),
body#checkoutoneBody #checkoutPayment .custom-control:has(> #pmt-moneyorder) {
    padding-right: 58px;
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 28px 28px;
}
body#checkoutoneBody #checkoutPayment .custom-control:has(> #pmt-moneyorder) { background-image: url('../../../../images/platby/ikona-prevod.svg'); }
body#checkoutoneBody #checkoutPayment .custom-control:has(> #pmt-cod) { background-image: url('../../../../images/platby/ikona-dobirka.svg'); }
/* vybraná platba (jen blok plateb, ne doprava) */
#checkoutPaymentMethod .custom-control:has(> input[name="payment"]:checked) {
    border-color: #14797a;
    border-color: var(--obchod-primarni, #14797a);
    box-shadow: inset 0 0 0 1px #14797a;
    box-shadow: inset 0 0 0 1px var(--obchod-primarni, #14797a);
    background-color: #eef8f6;
    background-color: color-mix(in srgb, var(--obchod-primarni, #14797a) 9%, #fff);
}
#checkoutPaymentMethod .custom-control:has(> input[name="payment"]:checked) .custom-control-label { font-weight: 600; }
