/*
 * «Купить в 1 клик» — кнопка в блоке покупки и модальная форма «Покупка в один клик».
 * Подключается на странице товара (обычной node.php и превью node-v1.php).
 * Селекторы по .btn-oneclick / .oneclick-form — не зависят от раскладки страницы.
 * Форма оформлена в дизайне blade-selector (.bs-*): белые поля с тонкой рамкой,
 * радиус 8px, синий focus-ring, красная звёздочка обязательного поля.
 */

/* ===== Кнопка в блоке покупки ===== */
.btn-oneclick {
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    font-weight: 600;
    background: #fff;
    border: 1.5px solid #f5890a;
    color: #d9760a;
}
.btn-oneclick:hover { background: #fff6ec; }
.btn-oneclick .fa-bolt { margin-right: 4px; }

/* Кнопка в списочном виде каталога (item-left) — отступ сверху от «В корзину». */
.list-oneclick { margin-top: 8px; }

/* Кнопка в карточке листинга/слайдера: полноширинная под рядом «В корзину».
   Специфичность выше базового .btn-bootstrap-button.btn-panel; box-sizing:border-box
   обязателен — иначе width:100% + padding вылезает за карточку (overflow:hidden режет). */
.btn-bootstrap-button.btn-panel.similar-oneclick {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    margin: 6px 0 0 !important;
    padding: 9px 6px !important;
    font-size: 13px;
    line-height: 1.15;
    white-space: nowrap;
}
.btn-bootstrap-button.btn-panel.similar-oneclick .fa-bolt { margin-right: 5px; }

/* ===== Модальная форма — дизайн как у blade-selector (.bs-order) ===== */
/* border-box, иначе width:100% + padding у полей вылезает за модалку (обрезается справа) */
.oneclick-form, .oneclick-form * { box-sizing: border-box; }
.oneclick-form { max-width: 560px; margin: 0 auto; padding: 4px 6px; }
.oneclick-form h1 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 6px;
    color: #282828;
}
/* Подзаголовок-описание (как .bs-intro) */
.oneclick-form .oneclick-sub {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.5;
    color: #666;
}
/* Разделитель под шапкой (как border-top у .bs-form) */
.oneclick-form .oneclick-hr {
    border-top: 1px solid #dde2e6;
    margin: 4px 0 18px;
}

/* Сводка товара — светлый блок с рамкой (как .bs-order-specs / .bs-saw-size) */
.oneclick-form .oneclick-product {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #f7f6f3;
    border: 1px solid #dde2e6;
    border-radius: 8px;
    padding: 12px 14px;
    margin: 12px 0 18px;
}
.oneclick-form .oneclick-product__img {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.oneclick-form .oneclick-product__img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.oneclick-form .oneclick-product__title { font-size: 15px; color: #282828; line-height: 1.3; }

/* Сводка выбранных параметров лизинга (как .bs-why — зелёный инфо-блок) */
.oneclick-form .oneclick-leasing-note {
    background: #f4f9f4;
    border: 1px solid #d6e8d6;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
    color: #282828;
    margin-bottom: 18px;
}

.oneclick-form .oneclick-label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #282828;
    margin: 12px 0 6px;
}
.oneclick-form .oneclick-label .form-required { color: #c0392b; font-weight: 700; }
.oneclick-form .oneclick-hint { font-size: 13px; color: #666; margin: -2px 0 6px; line-height: 1.45; }

/* Поля — белые с тонкой рамкой + синий focus-ring (как .bs-input).
   Селекторы с input/textarea/select (спецификность 0,2,1) — чтобы перебить
   глобальные .styler/.in01 (0,2,0), иначе поля сжимаются до 27px/4px. */
.oneclick-form input.oneclick-input,
.oneclick-form textarea.oneclick-input,
.oneclick-form select.oneclick-input {
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    padding: 11px 14px;
    font-size: 15px;
    line-height: 1.3;
    color: #282828;
    box-shadow: none;
    transition: border-color .15s, box-shadow .15s;
}
.oneclick-form .oneclick-input::placeholder { color: #a8afba; }
.oneclick-form input.oneclick-input:focus,
.oneclick-form textarea.oneclick-input:focus,
.oneclick-form select.oneclick-input:focus {
    outline: none;
    border-color: #0164C1;
    box-shadow: 0 0 0 3px rgba(1, 100, 193, .16);
}
.oneclick-form textarea.oneclick-textarea { min-height: 92px; resize: vertical; line-height: 1.4; }

.oneclick-form .oneclick-row { display: flex; gap: 12px; }
.oneclick-form .oneclick-row .oneclick-col { flex: 1 1 0; min-width: 0; }
.oneclick-form .oneclick-row .oneclick-label { margin-top: 12px; }

.oneclick-form .oneclick-counter { text-align: right; font-size: 13px; color: #a8afba; margin-top: 4px; }

.oneclick-form .oneclick-consent { font-size: 13px; color: #616161; margin: 16px 0 18px; }
.oneclick-form .oneclick-consent a { color: #0164C1; }

/* Кнопка отправки — как .bs-btn-go (оранжевая, радиус 8px) */
.oneclick-form .oneclick-submit,
.oneclick-form button.oneclick-submit.btn-rustan {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
    min-width: 220px;
    height: auto !important;       /* базовый .btn-* задаёт фикс. высоту — текст обрезался */
    min-height: 0;
    line-height: 1.3;
    box-sizing: border-box;
    background: #f5890a;
    color: #fff;
    border: 0;
    border-radius: 8px;
    padding: 14px 36px;
    font-size: 16px;
    font-weight: 700;
}
.oneclick-form .oneclick-submit:hover,
.oneclick-form button.oneclick-submit.btn-rustan:hover { background: #b36407; }

/* ActiveForm оборачивает поля в .form-group — убираем лишние отступы */
.oneclick-form .form-group { margin: 0; }
.oneclick-form .help-block { font-size: 12px; color: #c0392b; margin: 4px 0 0; }

@media (max-width: 575px) {
    .oneclick-form h1 { font-size: 18px; }
    .oneclick-form .oneclick-row { flex-direction: column; gap: 0; }
    .oneclick-form .oneclick-submit { width: 100%; }
}