/*!
 * smit-slider — число полосой с перетаскиваемой точкой (build 2912).
 * Пара с smit-slider.js. Высота строки 32 px — как у полей формы.
 */
.smit-slider {
    --smit-slider-pct: 0%;
    --smit-slider-fill: var(--brand-primary, #43b77a);
    --smit-slider-track: #dfe5ec;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 32px;
}

/* Носитель значения: не display:none — страница читает и пишет его value */
.smit-slider-native {
    position: absolute !important;
    width: 1px !important; height: 1px !important;
    min-width: 0 !important; min-height: 0 !important;
    padding: 0 !important; margin: -1px !important;
    overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 !important;
}

.smit-slider-val {
    flex: 0 0 auto;
    min-width: 52px;
    text-align: right;
    font-weight: 700;
    font-size: var(--sc-fz-sm, .86rem);
    font-variant-numeric: tabular-nums;
    color: var(--text-primary, #1f2937);
}
.smit-slider.is-empty .smit-slider-val { color: var(--text-muted, #64748b); font-weight: 400; }

.smit-slider-range {
    flex: 1 1 auto;
    min-width: 0;
    height: 24px;
    margin: 0;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}
.smit-slider-range:disabled { cursor: default; opacity: .55; }

/* Полоса: закрашена до точки */
.smit-slider-range::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 3px;
    background: linear-gradient(to right,
        var(--smit-slider-fill) 0, var(--smit-slider-fill) var(--smit-slider-pct),
        var(--smit-slider-track) var(--smit-slider-pct), var(--smit-slider-track) 100%);
}
.smit-slider-range::-moz-range-track {
    height: 6px; border-radius: 3px; background: var(--smit-slider-track);
}
.smit-slider-range::-moz-range-progress {
    height: 6px; border-radius: 3px; background: var(--smit-slider-fill);
}
.smit-slider.is-empty .smit-slider-range::-webkit-slider-runnable-track { background: var(--smit-slider-track); }

/* Точка */
.smit-slider-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px; height: 20px;
    margin-top: -7px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--smit-slider-fill);
    box-shadow: 0 1px 3px rgba(15, 23, 42, .25);
    transition: transform .12s;
}
.smit-slider-range::-moz-range-thumb {
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--smit-slider-fill);
    box-shadow: 0 1px 3px rgba(15, 23, 42, .25);
}
.smit-slider-range:active::-webkit-slider-thumb { transform: scale(1.15); }
.smit-slider-range:focus-visible { outline: none; }
.smit-slider-range:focus-visible::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px rgba(67, 183, 122, .35);
}
.smit-slider-range:focus-visible::-moz-range-thumb {
    box-shadow: 0 0 0 3px rgba(67, 183, 122, .35);
}
.smit-slider-range:disabled::-webkit-slider-thumb { border-color: #9aa3ad; }

/* Телефон: точка крупнее — под палец */
@media (max-width: 767.98px) {
    .smit-slider { min-height: 44px; }
    .smit-slider-range { height: 44px; }
    .smit-slider-range::-webkit-slider-thumb { width: 28px; height: 28px; margin-top: -11px; }
    .smit-slider-range::-moz-range-thumb { width: 24px; height: 24px; }
}

@media (prefers-reduced-motion: reduce) {
    .smit-slider-range::-webkit-slider-thumb { transition: none; }
}

/* Тёмная тема */
body.dark-theme .smit-slider, [data-bs-theme="dark"] .smit-slider { --smit-slider-track: #3a414d; }
body.dark-theme .smit-slider-val, [data-bs-theme="dark"] .smit-slider-val { color: var(--text-primary); }
body.dark-theme .smit-slider-range::-webkit-slider-thumb,
[data-bs-theme="dark"] .smit-slider-range::-webkit-slider-thumb { background: #20242b; }
body.dark-theme .smit-slider-range::-moz-range-thumb,
[data-bs-theme="dark"] .smit-slider-range::-moz-range-thumb { background: #20242b; }
