/* Dark theme overrides for rescued funnel (overrides all.css light theme) */

/* ===== Global / Body ===== */
body {
    /* background-color: #0b0e13 !important;
    color: #e0e0e0 !important; */
    font-family: "Inter", sans-serif;
    background-color: white !important;
}
h1, h2, h3, h4, h5, h6,span, p, label, b {
    color: #000 !important;
}
.dark-banner-img{
    margin: auto;
}
.logo-with-text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* margin-top: 1.9rem; */
}
.animated-gif {
    display: flex;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 1.2rem;
}
/* .gif-logo {
    margin: 3rem 0;
} */
.down-arrows img {
    margin-top: 0 !important;
    position: relative;
    bottom: -20px;
}
.steps-section {
    background-color: #fff;
    padding: 2rem 1rem;
}
.steps-wrapper {
    font-family: Arial, sans-serif;
    font-size: 16px;
}
.circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    /* background: rgba(0, 123, 255, 0.05); */
    background: rgb(228 242 253);
    color: var(--primary-clr);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.step-text {
    font-weight: 500;
    color: white;
    font-size: 18px;
    font-weight: 600;
}
.arrow {
    font-size: 20px;
    color: gray;
}
/* ===== Step 1: Service Selection ===== */
.service-section {
    /* background-color: #0b0e13 !important; */
    background-color: white;
}
.service-repeater,
.custom-each-service {
    /* background-color: #1a1f2e !important; */
    border-color: #2a2f3e !important;
    color: #e0e0e0 !important;
}
.service-repeater h4,
.custom-each-service h4 {
    /* color: #e0e0e0 !important; */
    color: #000 !important;
}
.services-header h3,
.services-header h5 {
    /* color: #e0e0e0 !important; */
    color: #000 !important;
}
.tracker-steps-section{
    background: white !important;
}
/* ===== Step 2: Pricing ===== */
.step1-section,
.step2-payments {
    /* background-color: #0b0e13 !important; */
    background-color: white;
}
.account-area-content {
    color: #e0e0e0 !important;
}
.account-area-content h3 {
    color: #e0e0e0 !important;
}

/* ===== Step 3: Location ===== */
.not-absolute-map-box,
.map-box {
    /* background-color: #141820 !important; */
    color: #e0e0e0 !important;
}
.map-box-heading h3,
.map-box-heading h6,
.second-screen-heading h3,
.second-screen-heading h6 {
    color: #e0e0e0 !important;
}
.address-field,
.type-manually {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
    border-color: #2a3040 !important;
}
.address-field::placeholder {
    color: #6b7280 !important;
}
.custom-alert-without-bg {
    color: #8f96a3 !important;
}
.icon-circle {
    /* background-color: #2a3040 !important;
    color: #4d88ff !important; */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    background-color: lightgray;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    font-weight: bold;
    padding: 7px !important;
}
.info-bar span {
    color: #8f96a3 !important;
}
.info-bar i {
    color: #8f96a3 !important;
}
.btn-white,
.full-rescue-next {
    background-color: #4d88ff !important;
    color: #fff !important;
    border-color: #4d88ff !important;
}
.btn-white:hover,
.full-rescue-next:hover {
    /* background-color: #6ebef7 !important; */
    border-color: #6ebef7 !important;
}
.continue-disable {
    background-color: #252b37 !important;
    color: #6b7280 !important;
    border-color: #2a3040 !important;
    opacity: 0.6;
}
.divider-with-text span {
    /* color: white !important; */
    /* background-color: #141820 !important; */
    color: #9AA0A6 !important;
}
.divider-with-text::before,
.divider-with-text::after {
    /* border-color: #2a3040 !important; */
    /* border-color: #e0e0e0 !important; */
    backdrop-filter: blur(35px) !important;
}
/* .custom-indicators .indicator {
    background-color: #2a3040 !important;
} */

/* ===== Step 4: Map Confirm ===== */
.confirm-box,
.second-screen-box {
    /* background-color: #141820 !important; */
    /* background-color: #141820a6 !important; */
}
.map-box-heading h3 {
    color: #000000 !important;
}
.map-box-heading h6 {
    color: gray !important;
    text-align: center;
}
/* .location-icon-box img{
    filter: brightness(0) invert(1) !important;
} */
/* .selected-location {
    background-color: #1a1f2e !important;
    border-color: #2a3040 !important;
} */
/* .selected-location h4,
.selected-location h6 {
    color: #e0e0e0 !important;
} */
#dynamic_address {
    color: #e0e0e0 !important;
}

/* ===== Mechanic Shop / Drop-off ===== */
.mechanic-shop {
    background-color: #0b0e13 !important;
}
.fetch-shops-box {
    background-color: #141820 !important;
}
.mechanic-address input,
.dropoff-input {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
    border-color: #2a3040 !important;
}
.nearest-locations {
    background-color: #141820 !important;
    color: #e0e0e0 !important;
}

/* ===== Modal: Form Steps ===== */
.custom-modal .modal-content,
#battery_model .modal-content {
    background-color: #141820 !important;
    color: #e0e0e0 !important;
    border-color: #2a3040 !important;
}
/* .modal-background {
    background-color: rgba(0, 0, 0, 0.99) !important;
} */
.steps-header {
    background-color: #141820 !important;
    border-bottom-color: #2a3040 !important;
}
.steps-header h5,
.steps-header span,
.page-title h5 {
    color: #e0e0e0 !important;
}
.step-main-repeater {
    background-color: #141820 !important;
}
.modal-steps-form {
    background-color: #141820 !important;
}

/* ===== Form Fields ===== */
.general-field,
.form-control,
.rescue-details {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
    border-color: #2a3040 !important;
}
.general-field::placeholder,
.form-control::placeholder {
    color: #6b7280 !important;
}
.general-field:focus,
.form-control:focus {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
    border-color: #4d88ff !important;
    box-shadow: 0 0 0 0.2rem rgba(77, 136, 255, 0.25) !important;
}
select.general-field,
select.form-control,
#yearSelect, #selectMake, #selectColor, #modalSelect,
#cExpMonth, #cExpYear,
#location_type, #disablement_reason {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
    border-color: #2a3040 !important;
}
select option {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
}
textarea.special-notes {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
    border-color: #2a3040 !important;
}

/* ===== Radio Buttons / Questions ===== */
.custom-radio label {
    color: #e0e0e0 !important;
}
.radio-repeater label,
.custom-form-selection label {
    color: #e0e0e0 !important;
}
.radio-repeater,
.custom-form-selection {
    /* background-color: #1a1f2e !important; */
    border-color: #2a3040 !important;
}
.custom-form-selection input[type=radio]:checked ~ label{
    color: white !important;
}
#backbtn img{
    filter: brightness(0) invert(1) !important;
}
.payment-screen-divider{
    background: transparent !important;
}
.payment-screen-divider span{
    background-color: transparent !important;
}
.payment-screen-divider{
    margin-top: 20px;
}
.custom-box-radio {
    color: #e0e0e0 !important;
}
.dark-payment-amount h3, .dark-payment-amount h6 {
    color: #009AE9 !important;
    margin-left: 0 !important;
}
input[type="radio"]:checked + label {
    color: #4d88ff !important;
}

/* ===== Vehicle Information ===== */
.vehicle-information-select select {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
    border-color: #2a3040 !important;
}
.find-vehicle {
    color: #8f96a3 !important;
}
.custom-anchor a {
    color: #4d88ff !important;
}

/* ===== Manual Vehicle Modal ===== */
#editVehicleModal .modal-content {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
}
#editVehicleModal .modal-header {
    border-bottom-color: #2a3040 !important;
}
#editVehicleModal .modal-footer {
    border-top-color: #2a3040 !important;
}
#editVehicleModal .modal-dialog {
    background: #1a1f2e !important;
}
.manually-add-details label,
.manually-add-details Label {
    color: #e0e0e0 !important;
}

/* ===== Contact Information ===== */
.sms_terms,
.sms_terms a {
    color: #8f96a3 !important;
}
.sms_terms a {
    color: #4d88ff !important;
}
#user_agree_error {
    color: #ff6b6b !important;
}

/* ===== Payment Section ===== */
.card-details {
    background-color: #141820 !important;
}
.cart-holder {
    background-color: #141820 !important;
}
.payment-errors {
    color: #ff6b6b !important;
}
.authorization-hold-heading,
.payment-para {
    color: #e0e0e0 !important;
}
.total-amount h3,
.total-amount h6 {
    /* color: #e0e0e0 !important; */
}
.term_service_poilcy,
.authorization-privacy {
    color: #8f96a3 !important;
}
.authorization-privacy a {
    color: #4d88ff !important;
}
.btn_grey,
.authorized-btn {
    background-color: #4d88ff !important;
    color: #fff !important;
    border-color: #4d88ff !important;
}
.btn_grey:hover,
.authorized-btn:hover {
    background-color: #6ebef7 !important;
}
.credit-cart-save .btn {
    background-color: #4d88ff !important;
    color: #fff !important;
}
.divider span {
    color: #6b7280 !important;
    background-color: #141820 !important;
}
#digital_payment button {
    background-color: #1a1f2e !important;
    border-color: #2a3040 !important;
    color: #e0e0e0 !important;
}
.errormessagecontent {
    color: #4d88ff !important;
}

/* ===== Review/Confirm Step ===== */
.rescue-edit-screen {
    background-color: #141820 !important;
}
.rescue-edit-screen p,
.rescue-edit-screen label,
.rescue-edit-screen b,
.rescue-edit-screen span {
    color: #e0e0e0 !important;
}
.rescue-edit-input {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
    border-color: #2a3040 !important;
}
.rescue-field-edit {
    color: #4d88ff !important;
}
.rescue-field-save {
    color: #28a745 !important;
}

/* ===== NEXT / Action Buttons ===== */
.btn-next,
.new-funnel-next-btn {
    background-color: #4d88ff !important;
    color: #fff !important;
    border-color: #4d88ff !important;
}
.btn-next:hover,
.new-funnel-next-btn:hover {
    background-color: #6ebef7 !important;
}

/* ===== Clearance Modal ===== */
#clearnceModalmain .modal-content {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
}
#clearnceModalmain select {
    background-color: #141820 !important;
    color: #e0e0e0 !important;
    border-color: #2a3040 !important;
}
.garage-content h4 {
    color: #e0e0e0 !important;
}

/* ===== Drop-off / Repair Locations Modal ===== */
#RepairLocations .modal-content {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
}
.drop-off-modal-inner {
    background-color: #1a1f2e !important;
}

/* ===== Service Cancel Modal ===== */
#service-cancel .modal-content {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
}
#service-cancel select {
    background-color: #141820 !important;
    color: #e0e0e0 !important;
    border-color: #2a3040 !important;
}

/* ===== Payment Declined Modal ===== */
#messagecontent .modal-content {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
}
#messagecontent .step-form-title p,
#messagecontent .custom-list li,
#messagecontent .custom-heading {
    color: #e0e0e0 !important;
}

/* ===== Preloader ===== */
.preloader-rescue {
    background-color: rgba(11, 14, 19, 0.9) !important;
}

/* ===== SweetAlert Dark ===== */
.swal2-popup {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
}
.swal2-title {
    color: #e0e0e0 !important;
}
.swal2-html-container,
.swal2-content {
    color: #c0c0c0 !important;
}

/* ===== Tire Diagram ===== */
.car-inspection-tyres label {
    color: #e0e0e0 !important;
}
.tire-container {
    background-color: #141820 !important;
}

/* ===== International Tel Input ===== */
.iti__country-list {
    background-color: #1a1f2e !important;
    border-color: #2a3040 !important;
}
.iti__country-list .iti__country {
    color: #e0e0e0 !important;
}
.iti__country-list .iti__country:hover,
.iti__country-list .iti__country--highlight {
    background-color: #252b37 !important;
}

/* ===== Scrollbar ===== */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #0b0e13;
}
::-webkit-scrollbar-thumb {
    background: #2a3040;
    border-radius: 3px;
}

/* ===== Close Buttons ===== */
.close {
    color: #e0e0e0 !important;
    text-shadow: none !important;
}
.close:hover {
    color: #fff !important;
}

/* ===== Header override (rescue.include.header) ===== */
.header {
    /* background-color: #0b0e13 !important; */
    background-color: white !important;
}

/* ===== Step 3 ElevenLabs Agent Modal ===== */
#cancelServiceAgent .modal-content {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
}

/* ===== Voice Command Agent ===== */
.command-animate .voice-command a {
    color: #4d88ff !important;
}
.voice-command i {
    color: white;
    margin-top: 8px;
    font-size: inherit;
}
@media only screen and (min-width: 1024px) {
    .animated-gif img {
        max-width: 75%;
        animation: inherit !important;
    }
}
@media (max-width: 767px) {
    .circle {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
        .steps-section {
        padding: 1.5rem 0;
    }
    .step-text {
        font-size: 11px;
        margin-left: 3px !important;
    }
    .arrow {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }
    .arrow i {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .logo-with-text{
        padding-top: 0;
    }
    .logo-preloader {
        width: 20%;
    }
}
.fa-location-crosshairs{
    color: white !important;
}