/*
 * Movvack always-dark theme.
 * This file is intentionally additive: it overrides the legacy light theme
 * without changing existing layout rules or page-specific stylesheets.
 */

:root {
    --mv-bg: #080d12;
    --mv-bg-elevated: #101820;
    --mv-bg-soft: #17222c;
    --mv-border: #2a3945;
    --mv-text: #eef5f7;
    --mv-text-muted: #b8c0bd;
    --mv-accent: #d4af37;
    --mv-accent-strong: #b88a1d;
    --mv-hover: #0097a7;
    --mv-hover-strong: #007986;
    --mv-on-accent: #120f05;
    --mv-on-hover: #eaffff;
    --mv-danger: #ff6b6b;
    --mv-success: #74d680;
    --mv-warning: #f5c451;
    --mv-focus: #0097a7;
}

html,
body {
    color-scheme: dark;
    background: var(--mv-bg) !important;
    color: var(--mv-text) !important;
}

body,
#main-uber-page,
#wrapper,
.page-contant,
.page-contant-inner,
.inner,
#new-home-page,
#order-pages,
.home-sec-pg-banner {
    background-color: var(--mv-bg) !important;
    color: var(--mv-text) !important;
}

a,
a:focus,
a:hover,
.header-page,
.header-page p,
.header-page-b,
.header-page-c,
.header-page-d,
.header-page-f,
.header-page-p,
.header-page-ab,
.header-page-rd,
.header-page-sinu,
.fare-breakdown-inner h3,
.fare-breakdown-inner h3 b,
.color-invo,
.color-invo-new {
    color: var(--mv-accent) !important;
}

p,
span,
label,
legend,
td,
th,
li,
address,
.time_info-data,
.pro-title-hold .stock-cost,
.extra-det span,
.page-trip-detail p,
.restriction-desc,
.delivery-pref-desc {
    color: var(--mv-text-muted);
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
.extra-det strong,
.special-instruct-head,
.dropdown-content .row h3,
.restriction-title,
.delivery-pref-modal-content .delivery-pref-title {
    color: var(--mv-text) !important;
}

hr,
fieldset,
.trips-table,
.payment-tabs ul,
.location-time,
.footer-top,
.footer-bottom .footer-inner:before,
.extra-det,
.invoice-main-section .map-address ul li,
.panel,
.modal-content,
.custom-modal {
    border-color: var(--mv-border) !important;
}

header,
header.shadow,
#top-part,
.top-inner-color,
#new-home-page header.fixed.shadow,
#new-home-page header.fixed,
#order-pages header.fixed,
#wrapper header.fixed.shadow {
    background: rgba(12, 18, 24, .96) !important;
    border-color: var(--mv-border) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35) !important;
}

header ul li a,
#new-home-page header.fixed .navmenu-links li a,
#order-pages header.fixed .navmenu-links li .column a,
.header-left ul li ul.level-menu li a,
.dropdown-content .column a,
.footer-column ul li a,
.footer-column ul.contact-data li,
.footer-column ul.contact-data li a,
ul.social-media-list li a {
    color: var(--mv-text) !important;
}

header ul li a.active,
header ul li a:hover,
header ul li.lang > a,
header ul li.curr > a,
.footer-column ul li a:hover {
    color: var(--mv-accent) !important;
}

.menu-ico span,
.menu-ico span:before,
.menu-ico span:after {
    background-color: var(--mv-text) !important;
}

.dropdown-content,
.header-left ul li ul.level-menu,
header ul.mobile_language_cur li .dropdown-content,
.header-right ul.lang li .dropdown-content,
.header-left ul.curr li .dropdown-content,
.top-link-login,
.footer-box1 .lang-all {
    background: var(--mv-bg-elevated) !important;
    border-color: var(--mv-border) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .45) !important;
}

.dropdown-content .column a,
.header-left ul li ul.level-menu li a {
    box-shadow: 0 0 0 1px var(--mv-border) inset !important;
}

.dropdown-content .column a:hover,
.header-left ul li ul.level-menu li a:hover,
.header-left ul li ul.level-menu li a.active {
    background: var(--mv-bg-soft) !important;
}

footer,
.footer,
.footer-bottom,
.footer-top {
    background: linear-gradient(180deg, #101820 0%, #080d12 100%) !important;
    color: var(--mv-text) !important;
}

.footer-column > a img {
    opacity: .75 !important;
}

input,
select,
textarea,
.contact-input,
.contact-textarea,
.login-input,
.form-control,
.custom-select-new,
.select-wrapper select,
.get-fare-estimation-left span input,
.mid_ser,
.mid_ser input[type=text],
.dataTables_filter input,
.dataTables_length select,
.ui-autocomplete-input {
    background: var(--mv-bg-soft) !important;
    border-color: var(--mv-border) !important;
    color: var(--mv-text) !important;
    box-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
    color: #778892 !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.contact-input:focus,
.login-input:focus {
    border-color: var(--mv-focus) !important;
    box-shadow: 0 0 0 3px rgba(0, 151, 167, .18) !important;
    outline: none !important;
}

button,
.btn,
.gen-btn,
.book-btn,
.submit-but,
.save-but,
.driver-trip-btn,
.delivery-pref-button button,
.restriction-button button,
.header-right ul li.signup a,
header.fixed .header-right ul li.login a,
.taxi-app-right-part span a,
.home-mobile-app-right span a,
.get-fare-estimation-left span a,
.get-fare-estimation-left span b button {
    border-color: var(--mv-accent-strong) !important;
    background: var(--mv-accent-strong) !important;
    color: #041010 !important;
}

button:hover,
.btn:hover,
.gen-btn:hover,
.book-btn:hover,
.submit-but:hover,
.save-but:hover,
.driver-trip-btn:hover,
.delivery-pref-button button:hover,
.restriction-button button:hover {
    background: var(--mv-accent) !important;
    border-color: var(--mv-accent) !important;
    color: #041010 !important;
}

.btn-default,
.cancel-but {
    background: var(--mv-bg-soft) !important;
    border-color: var(--mv-border) !important;
    color: var(--mv-text) !important;
}

.alert,
.Msgbox,
.well,
.panel,
.panel-body,
.panel-warning,
.modal-content,
.custom-modal,
.product-model,
.product-model-right,
.product-model.no-img-availabel,
.add-new-card-data,
.delivery-pref-modal-content,
.restriction-modal-content {
    background: var(--mv-bg-elevated) !important;
    color: var(--mv-text) !important;
    border-color: var(--mv-border) !important;
}

.panel-heading,
.modal-header,
.custom-model-header,
.lock-img {
    background: var(--mv-bg-soft) !important;
    color: var(--mv-text) !important;
    border-color: var(--mv-border) !important;
}

.modal-backdrop,
.product-model-overlay,
.custom-modal-main {
    background-color: rgba(0, 0, 0, .82) !important;
}

table,
.table,
.dataTable,
.trips-table-inner table,
.fare-breakdown-inner ul,
.FirstArray,
.order-items {
    background: var(--mv-bg-elevated) !important;
    color: var(--mv-text) !important;
}

table th,
.table th,
.dataTable th,
.trips-table-inner table th {
    background: #132632 !important;
    color: var(--mv-text) !important;
    border-color: var(--mv-border) !important;
}

table td,
.table td,
.dataTable td,
.trips-table-inner table td,
.trips-table-inner table .even td,
.trips-table-inner table .odd td {
    background: var(--mv-bg-elevated) !important;
    color: var(--mv-text-muted) !important;
    border-color: var(--mv-border) !important;
}

table tr:hover td,
.table tr:hover td,
.dataTable tr:hover td {
    background: var(--mv-bg-soft) !important;
    color: var(--mv-text) !important;
}

.paging p,
.dataTables_info,
.dataTables_paginate,
.paginate_button {
    color: var(--mv-text-muted) !important;
}

.paginate_button.current,
.paginate_button:hover {
    background: var(--mv-accent-strong) !important;
    color: #041010 !important;
}

.ui-widget-content,
.ui-autocomplete,
.ui-menu,
.ui-datepicker,
.ui-datepicker-header,
.select2-container .select2-choice,
.select2-dropdown,
.select2-results,
.select2-search input {
    background: var(--mv-bg-elevated) !important;
    border-color: var(--mv-border) !important;
    color: var(--mv-text) !important;
}

.ui-menu .ui-menu-item,
.ui-menu .ui-menu-item a,
.ui-datepicker td a,
.ui-datepicker td span {
    color: var(--mv-text) !important;
}

.ui-menu .ui-menu-item:hover,
.ui-datepicker td a:hover {
    background: var(--mv-bg-soft) !important;
}

ul.stepper,
ul.stepper.linear,
ul.stepper .step .step-content {
    background: var(--mv-bg) !important;
}

ul.stepper .step .step-title {
    color: var(--mv-text) !important;
    border-color: var(--mv-border) !important;
}

.banner,
.home-hero-page-left-text,
.home-hero-page-right-text,
.tap-app-ride,
.home-mobile-app,
.get-there,
.benefits,
.services,
.business-profile,
.categories-caption,
.servicesdata-caption-main,
.service-box,
.feature-box,
.category-item,
.card {
    background-color: var(--mv-bg) !important;
    color: var(--mv-text) !important;
}

.banner {
    background: linear-gradient(180deg, #101820 0%, #0a1117 100%) !important;
}

.banner-shape,
.home-body-mid-part-inner ul li .home-body-mid-img::before {
    opacity: .35 !important;
}

.rest-listing,
.rest-listing li,
ul.rest-listing li,
.restaurant-listing,
.restaurant-menu,
.menu-list,
.cart-data,
.cart-right,
.order-page,
.order-data,
.order-items li,
.FirstArray li,
.food-menu-page,
.cust-info,
.cust_info,
.screen-block,
.address-block,
.search-holder,
.cat-list,
.store-list,
.store_list,
.store-order,
.rest-menu,
.cart-page,
.checkout-block,
.payment-block-row,
.delivery-pref-list {
    background: var(--mv-bg-elevated) !important;
    border-color: var(--mv-border) !important;
    color: var(--mv-text) !important;
}

.rest-listing li:hover,
.address-block:hover,
.cat-list li:hover,
.store-list li:hover,
.menu-list li:hover {
    background: var(--mv-bg-soft) !important;
    border-color: var(--mv-accent-strong) !important;
}

.invoice-main-section,
.invoice-top-part,
.trip-detail-page-left,
.trip-detail-page-right,
.invoice-main-section .map-page,
.map-address-new,
.map-address-new-work,
.new-box-one,
.new-box-second,
.location-time,
.fare-breakdown,
.fare-breakdown-inner,
.driver-info.new-driver,
.trip-detail-page,
.trip-detail-page-inner {
    background: var(--mv-bg-elevated) !important;
    border-color: var(--mv-border) !important;
    color: var(--mv-text) !important;
}

.driver-info {
    background: var(--mv-bg-soft) !important;
}

.location-time ul li {
    background: var(--mv-bg-elevated) !important;
    color: var(--mv-text-muted) !important;
    border-color: var(--mv-border) !important;
}

.box-one ul li::before {
    background-color: var(--mv-bg-soft) !important;
    box-shadow: 0 0 0 2px var(--mv-border) inset !important;
}

.box-one .orderstatusall-new li:after,
.box-one .orderstatusall-new::after,
.box-one .orderstatusall-new .cancle::after {
    background-color: var(--mv-border) !important;
}

.order_cancel,
.text-danger,
.error,
.check-required {
    color: var(--mv-danger) !important;
}

.text-success,
.green-location,
.order-delivered {
    color: var(--mv-success) !important;
}

.red-location {
    color: var(--mv-danger) !important;
}

.gmap-div,
.google-map-wrap,
.location-map,
.gmap3,
.google-map,
#map-canvas {
    background: #111820 !important;
    border-color: var(--mv-border) !important;
}

.gm-style,
.gm-style img,
.banner-image,
img,
video,
canvas,
.app-store-btn img,
.download-links img,
.logo img,
.product-model-left {
    filter: none !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, .12) !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 151, 167, .75) !important;
}

::selection {
    background: var(--mv-accent-strong);
    color: #041010;
}

/* Dark theme overrides for homepage and login fragments */
.servicesdata-caption,
.sermore,
.howworks,
.howworks-inner,
.howworks ul li,
.howworks-block,
.became-img-block,
.company-register-container,
.company-register-card,
.login-block,
.login-left,
.login-right,
.login-caption,
.login-caption.active,
.login-caption ul,
.login-caption ul li,
.form-err,
.form-err p,
.form-err span,
.btn-google1,
.countryPhoneSelectWrapper,
.countryPhoneSelectWrapper .countryCode,
.countryPhoneSelectWrapper .phoneCode,
.countryPhoneSelectWrapper select,
.countryPhoneSelectChoice,
.g-recaptcha-response,
.error-login-v,
.btn-success.error-login-v,
.btn-danger.error-login-v {
    background: var(--mv-bg-elevated) !important;
    color: var(--mv-text) !important;
    border-color: var(--mv-border) !important;
}

.howworks ul li {
    background: var(--mv-bg-soft) !important;
}

.servicesdata-caption p,
.howworks-block p,
.login-caption p,
.login-caption ul li,
.form-err p,
.error-login-v {
    color: var(--mv-text-muted) !important;
}

.servicesdata-caption strong,
.howworks-block strong,
.login-caption strong,
.login-caption h3,
.login-caption h4,
.login-caption h5 {
    color: var(--mv-text) !important;
}

.readmorebtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: .65rem 1rem;
    border: 1px solid var(--mv-border) !important;
    background: rgba(212, 175, 55, .12) !important;
    color: var(--mv-accent) !important;
    text-decoration: none !important;
    transition: background .2s ease-in-out, color .2s ease-in-out;
}

.readmorebtn:hover,
.readmorebtn:focus {
    background: var(--mv-hover) !important;
    border-color: var(--mv-hover-strong) !important;
    color: var(--mv-on-hover) !important;
}

.became-img-block {
    background-color: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
}

.company-register-card {
    background: var(--mv-bg-soft) !important;
}

.company-register-card:hover {
    background: var(--mv-bg) !important;
    border-color: var(--mv-hover) !important;
}

.btn-google1 {
    background: var(--mv-bg-soft) !important;
    border: 1px solid var(--mv-border) !important;
    color: var(--mv-text) !important;
}

.btn-google1:hover,
.btn-google1:focus {
    background: var(--mv-bg-elevated) !important;
    border-color: var(--mv-hover) !important;
    color: var(--mv-on-hover) !important;
}

.error-login-v.btn-success {
    background: rgba(116, 214, 128, .12) !important;
    border-color: rgba(116, 214, 128, .45) !important;
    color: var(--mv-success) !important;
}

.error-login-v.btn-danger {
    background: rgba(255, 107, 107, .12) !important;
    border-color: rgba(255, 107, 107, .45) !important;
    color: var(--mv-danger) !important;
}

.countryPhoneSelectWrapper,
.countryPhoneSelectWrapper select,
.countryPhoneSelectChoice {
    background: var(--mv-bg-soft) !important;
    color: var(--mv-text) !important;
    border: 1px solid var(--mv-border) !important;
}

/* QA guard: fix legacy black text and unloaded Poppins declarations after dark rollout. */
body,
#new-home-page,
#wrapper,
#main-uber-page,
#order-pages,
.page-contant,
.modal,
.product-model-overlay {
    font-family: 'Rubik', 'Inter', Arial, Helvetica, sans-serif !important;
}

#new-home-page :where([style*="color:#000"], [style*="color: #000"], [style*="color:#333"], [style*="color: #333"]),
#wrapper :where([style*="color:#000"], [style*="color: #000"], [style*="color:#333"], [style*="color: #333"]),
.page-contant :where([style*="color:#000"], [style*="color: #000"], [style*="color:#333"], [style*="color: #333"]),
.rootservices .common-title.left p,
.rootservices ul li strong,
.rootservices .serviceblock strong,
.howworks ul li strong,
.howworks ul li p,
#mainextraDropdown ul.level-menu h3,
#mainextraDropdown li a,
.header-right ul li ul.level-menu li a,
.header-right ul li ul.level-menu h3,
.header-right ul li ul.level-menu span,
.common-title h2,
.common-title p,
.home-content h1,
.home-content h2,
.home-content h3,
.home-content p,
.banner-content h1,
.banner-content p,
.servicesdata-caption-main h3,
.servicesdata-caption-main p,
.category-caption h3,
.category-caption p,
.rootservices p,
.rootservices span,
.howworks p,
.howworks span,
.howworks strong {
    color: var(--mv-text) !important;
}

#new-home-page :where(p, label, small, em, dd, figcaption),
#wrapper :where(p, label, small, em, dd, figcaption),
.page-contant :where(p, label, small, em, dd, figcaption),
.rootservices .common-title.left p,
.howworks ul li p,
.servicesdata-caption-main p,
.category-caption p,
.banner-content p {
    color: var(--mv-text-muted) !important;
}

.rootservices ul li,
.rootservices .serviceblock,
.serviceblock-inner,
.howworks ul li,
.header-right ul li ul.level-menu,
#mainextraDropdown ul.level-menu,
.common-title,
.home-content,
.servicesdata-caption-main,
.category-caption {
    background-color: var(--mv-bg-elevated) !important;
    border-color: var(--mv-border) !important;
}

#mainextraDropdown li a,
header ul li a,
button,
.btn,
.gen-btn,
.book-btn,
input,
select,
textarea {
    font-family: 'Rubik', 'Inter', Arial, Helvetica, sans-serif !important;
}

:where(button, .btn, .gen-btn, .book-btn, .submit-but, .save-but, .driver-trip-btn, .delivery-pref-button button, .restriction-button button) :where(span, strong, b, em, i),
:where(button, .btn, .gen-btn, .book-btn, .submit-but, .save-but, .driver-trip-btn, .delivery-pref-button button, .restriction-button button) {
    color: #041010 !important;
}

:where(.btn-default, .cancel-but, .close),
:where(.btn-default, .cancel-but, .close) :where(span, strong, b, em, i) {
    color: var(--mv-text) !important;
}

/* Gold dominant palette with deep-cyan interaction states. */
a,
a:focus,
.header-page,
.header-page p,
.header-page-b,
.header-page-c,
.header-page-d,
.header-page-f,
.header-page-p,
.header-page-ab,
.header-page-rd,
.header-page-sinu,
.fare-breakdown-inner h3,
.fare-breakdown-inner h3 b,
.color-invo,
.color-invo-new,
.footer-column ul li a,
ul.social-media-list li a {
    color: var(--mv-accent) !important;
}

a:hover,
header ul li a.active,
header ul li a:hover,
header ul li.lang > a:hover,
header ul li.curr > a:hover,
.footer-column ul li a:hover,
.dropdown-content .column a:hover,
.header-left ul li ul.level-menu li a:hover,
.header-left ul li ul.level-menu li a.active {
    color: var(--mv-hover) !important;
}

button,
.btn,
.gen-btn,
.book-btn,
.submit-but,
.save-but,
.driver-trip-btn,
.delivery-pref-button button,
.restriction-button button,
.header-right ul li.signup a,
header.fixed .header-right ul li.login a,
.taxi-app-right-part span a,
.home-mobile-app-right span a,
.get-fare-estimation-left span a,
.get-fare-estimation-left span b button,
.paginate_button.current {
    background: var(--mv-accent) !important;
    border-color: var(--mv-accent-strong) !important;
    color: var(--mv-on-accent) !important;
}

button:hover,
.btn:hover,
.gen-btn:hover,
.book-btn:hover,
.submit-but:hover,
.save-but:hover,
.driver-trip-btn:hover,
.delivery-pref-button button:hover,
.restriction-button button:hover,
.paginate_button:hover,
.paginate_button.current:hover {
    background: var(--mv-hover) !important;
    border-color: var(--mv-hover-strong) !important;
    color: var(--mv-on-hover) !important;
}

:where(button:hover, .btn:hover, .gen-btn:hover, .book-btn:hover, .submit-but:hover, .save-but:hover, .driver-trip-btn:hover, .delivery-pref-button button:hover, .restriction-button button:hover) :where(span, strong, b, em, i) {
    color: var(--mv-on-hover) !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.contact-input:focus,
.login-input:focus {
    border-color: var(--mv-focus) !important;
    box-shadow: 0 0 0 3px rgba(0, 188, 212, .22) !important;
}

select option:checked,
select option:hover,
.ui-menu .ui-menu-item:hover,
.ui-datepicker td a:hover,
.select2-results__option--highlighted,
.select2-results .select2-highlighted,
table tr:hover td,
.table tr:hover td,
.dataTable tr:hover td {
    background: var(--mv-hover-strong) !important;
    color: var(--mv-on-hover) !important;
}

.alert,
.Msgbox,
.well,
.panel,
.panel-body,
.panel-warning,
.modal-content,
.custom-modal,
.product-model,
.product-model-right,
.product-model.no-img-availabel,
.add-new-card-data,
.delivery-pref-modal-content,
.restriction-modal-content,
.rest-listing,
.rest-listing li,
ul.rest-listing li,
.restaurant-listing,
.restaurant-menu,
.menu-list,
.cart-data,
.cart-right,
.order-page,
.card {
    background: var(--mv-bg-elevated) !important;
    color: var(--mv-text) !important;
    border-color: var(--mv-border) !important;
}

::selection {
    background: var(--mv-hover) !important;
    color: var(--mv-on-hover) !important;
}