.slider-label {
    color: #6c757d; /* сероватый цвет для текста */
}

.slider-value {
    display: inline-block;
    text-align: left;
    margin-left: 8px;
    color: #333;
}

/* Цвет для ползунков (range) */
input[type="range"] {
    accent-color: #ff5c1c; /* не во всех браузерах поддерживается */
}

/* --- WebKit (Chrome, Safari, Opera) стили для бегунка и дорожки --- */
input[type="range"]::-webkit-slider-thumb {
    background: #ff5c1c;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -6px; /* чтобы бегунок центрировался по оси */
}

input[type="range"]::-webkit-slider-runnable-track {
    height: 4px;
    background: #ddd;
    border-radius: 4px;
    cursor: pointer;
}

/* Заполненная часть трека до бегунка (WebKit) */
input[type="range"]::-webkit-slider-runnable-track:before {
    content: "";
    position: absolute;
    height: 4px;
    background: #ff5c1c;
    border-radius: 4px;
    width: 0;
}

/* --- Firefox --- */
input[type="range"]::-moz-range-thumb {
    background: #ff5c1c;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

input[type="range"]::-moz-range-track {
    height: 4px;
    background: #ddd;
    border-radius: 4px;
}

/* Кнопка "Рассчитать" в оранжевом стиле */
.btn-orange {
    background-color: #ff5c1c;
    border-color: #ff5c1c;
    color: #fff;
}

.btn-orange:hover {
    background-color: #e75219;
    border-color: #e75219;
}

/* Dark theme overrides for rent-rooms-calc values */
.theme-dark .calculator-card .slider-value {
    color: #ffffff;
}

/* Make the absolute loan amount white even if wrapped in .text-muted */
.theme-dark .calculator-card #loanAbsoluteValue {
    color: #ffffff !important;
}