/* =========================================================
   Doctor Launch — кнопки «В кредит» и «В лизинг» (карточка товара и корзина)
   + блок доверия в итоге корзины.

   Грузится из shop/head.html после styles.css и seller-bridge.css и перекрывает
   их правила .dl-finance-* и .dl-cart__finance/continue/trust. Откат — убрать
   строку подключения в head.html.

   Почему кнопка не flex. Виджет v-credit переписывает текст ссылки в
   «В кредит от&nbsp;<span class="creditcalc__rate">33</span>&nbsp;руб/мес».
   У flex-контейнера каждый такой кусок становится отдельной колонкой — в узкой
   колонке корзины выходило «В / кредит от / 33 руб/мес» высотой 71 px.
   Обычный блок с text-align:center переносит текст как текст.
   ========================================================= */

.dl-finance-buttons {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    width: 100%;
    margin-top: 8px;
}

.dl-finance-buttons .dl-finance-btn {
    position: relative; /* виджет вешает «Загрузка...» через :after с position:absolute */
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 44px; /* тач-цель; «В корзину» рядом — 40 px на десктопе, 44 px на телефоне */
    margin: 0;
    padding: 11px 16px;
    box-sizing: border-box;
    border-radius: 10px; /* как у «В корзину» и «Купить сейчас» */
    font: 600 14px/20px Manrope, system-ui, sans-serif;
    text-align: center;
    text-decoration: none !important;
    overflow-wrap: anywhere;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

/* Сумма в рублях не должна прыгать по ширине при пересчёте виджетом */
.dl-finance-buttons .creditcalc__rate {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.dl-finance-buttons .dl-finance-btn:focus-visible {
    outline: 2px solid #1a1917;
    outline-offset: 2px;
}

.dl-finance-buttons .dl-finance-btn--credit {
    border: 1px solid #1a1917; /* как «В корзину» и «Оформить заказ» */
    background: #1a1917;
    color: #fff !important;
}

.dl-finance-buttons .dl-finance-btn--credit:hover,
.dl-finance-buttons .dl-finance-btn--credit:active {
    border-color: #34322e;
    background: #34322e;
    color: #fff !important;
}

.dl-finance-buttons .dl-finance-btn--leasing {
    grid-column: auto;
    border: 1px solid #e0ded9; /* как «Купить сейчас» */
    background: #fff;
    color: #1a1917 !important;
}

.dl-finance-buttons .dl-finance-btn--leasing:hover,
.dl-finance-buttons .dl-finance-btn--leasing:active {
    border-color: #c9c5bd;
    background: #f7f7f5;
    color: #1a1917 !important;
}

/* Пока виджет грузит окно банка, он прячет текст (color:transparent) и пишет
   поверх белое «Загрузка...». Наш :hover с !important сильнее — текст проступал
   сквозь надпись. А на белой кнопке лизинга белая надпись не видна вовсе. */
.dl-finance-buttons .dl-finance-btn.creditcalc__loading,
.dl-finance-buttons .dl-finance-btn.creditcalc__loading:hover {
    color: transparent !important;
    cursor: progress;
}

.dl-finance-buttons .dl-finance-btn--leasing.creditcalc__loading::after {
    color: #1a1917 !important;
}

/* Рассрочка убрана из шаблонов. Страховка на случай старой разметки из кэша
   или чужой вставки: кнопка не должна вернуться половинкой ряда. */
.dl-finance-buttons .dl-finance-btn--installment {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .dl-finance-buttons .dl-finance-btn {
        transition: none;
    }
}

/* ---- Корзина: ритм кнопок в итоге заказа ------------------------------ */

.drlaunch-theme .dl-cart__finance {
    margin: 0 0 10px;
}

.drlaunch-theme .dl-cart__finance .dl-finance-buttons {
    gap: 10px;
    margin-top: 0;
}

/* в корзине рамка как у «Продолжить покупки» */
.drlaunch-theme .dl-cart__finance .dl-finance-btn--leasing {
    border-color: #d4d1cb;
}

.drlaunch-theme .dl-cart__checkout {
    margin-bottom: 10px;
}

.drlaunch-theme .dl-cart__continue {
    margin: 0;
}

/* ---- Корзина: блок доверия -------------------------------------------- */

.drlaunch-theme .dl-cart__trust {
    display: grid;
    gap: 10px;
    margin: 18px 0 0;
    padding: 16px 0 0;
    border-top: 1px solid #e0ded9;
    color: #26733c;
    font: 500 13px/18px Manrope, system-ui, sans-serif;
    list-style: none;
}

.drlaunch-theme .dl-cart__trust li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.drlaunch-theme .dl-cart__trust li::before {
    content: none;
}

.drlaunch-theme .dl-cart__trust-icon {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-top: 1px;
}
