/*
 * Іконки способів оплати в оформленні SimpleCheckout (тільки стилі, без скриптів).
 * Розмітка Simple: <div class="radio"><label for="cod|bank_transfer|liqpay"><input type="radio">Текст</label></div>;
 * реквізити переказу Simple показує в <div class="form-group"><label for="bank_transfer"> — їх не чіпаємо.
 * Новий спосіб оплати без свого правила тут просто лишиться без іконки.
 * Підключається рядком у налаштуваннях теми «Лічильники» (config_ns_footer_counters).
 * Окрема правка — див. docs/zhurnal-krupnyh-pravok.md.
 */
#simplecheckout_payment .radio > label[for="cod"]::before,
#simplecheckout_payment .radio > label[for="bank_transfer"]::before,
#simplecheckout_payment .radio > label[for="liqpay"]::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 6px 0 2px;
    vertical-align: -5px;
    background: no-repeat center / contain;
}
/* Кружечок у темі — position: absolute без left, тобто стоїть «там, де почався рядок».
   Іконка зсунула б його праворуч, тому прив'язуємо його до лівого краю рядка явно. */
#simplecheckout_payment .radio > label[for="cod"],
#simplecheckout_payment .radio > label[for="bank_transfer"],
#simplecheckout_payment .radio > label[for="liqpay"] {
    position: relative;
}
#simplecheckout_payment .radio > label[for="cod"] > input,
#simplecheckout_payment .radio > label[for="bank_transfer"] > input,
#simplecheckout_payment .radio > label[for="liqpay"] > input {
    left: 0;
    margin-left: 0;
}
/* оплата при доставці — посилка з монетою */
#simplecheckout_payment .radio > label[for="cod"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%234b3d6b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.5 11 4l7.5 3.5v7.2L11 18.2 3.5 14.7z'/%3E%3Cpath d='M3.5 7.5 11 11l7.5-3.5M11 11v7.2'/%3E%3Ccircle cx='18.2' cy='17.6' r='3.6' fill='%23fff'/%3E%3Cpath d='M17 16.6h2.4M17 18.4h2.4M18.6 15.7c-.9 0-1.4.5-1.4 1.2 0 1.6 2.6.8 2.6 2.3 0 .6-.5 1.1-1.4 1.1'/%3E%3C/g%3E%3C/svg%3E");
}
/* переказ — картка зі стрілкою */
#simplecheckout_payment .radio > label[for="bank_transfer"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%234b3d6b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='15' height='10.5' rx='2'/%3E%3Cpath d='M2.5 9.5h15M5.5 13.5h3'/%3E%3Cpath d='M15 19.5h6.5M19 17l2.5 2.5L19 22'/%3E%3C/g%3E%3C/svg%3E");
}
/* LiqPay — телефон і картка */
#simplecheckout_payment .radio > label[for="liqpay"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%234b3d6b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='3.5' width='11' height='17' rx='2'/%3E%3Cpath d='M10.5 17.5h3'/%3E%3Crect x='2.5' y='8.5' width='11' height='7.5' rx='1.5' fill='%23fff'/%3E%3Cpath d='M2.5 11h11M4.8 13.8h2.4'/%3E%3C/g%3E%3C/svg%3E");
}