/* Dreams Rent — public site light / dark theme
   Source of truth: semantic --dr-* tokens.
   Overlay on Bootstrap 5 + Dreamsrent style.css. Do not duplicate a second palette. */

/* ------------------------------------------------------------------
   1. Design tokens
   ------------------------------------------------------------------ */
:root,
html[data-theme="light"] {
  --dr-bg: #f6f8fb;
  --dr-bg-elevated: #ffffff;
  --dr-bg-muted: #eef2f7;
  --dr-bg-hover: #e8eef6;
  --dr-text: #172033;
  --dr-text-muted: #5b6578;
  --dr-placeholder: #8a94a6;
  --dr-border: #dce3ee;
  --dr-header: #ffffff;
  --dr-header-text: #172033;
  --dr-accent: #ff6a1a;
  --dr-accent-hover: #e85c12;
  --dr-accent-2: #0f7c8a;
  --dr-accent-fg: #ffffff;
  --dr-shadow: 0 10px 28px rgba(16, 24, 40, 0.08);
  --dr-input: #ffffff;
  --dr-input-hover: #fbfcfe;
  --dr-input-radius: 12px;
  --dr-input-height: 48px;
  --dr-footer: #101826;
  --dr-footer-text: #d7dee8;
  --dr-danger: #dc3545;
  --dr-success: #198754;
  --dr-warning: #d97706;
  --dr-info: #0d6efd;
  --dr-focus: rgba(255, 106, 26, 0.35);
  color-scheme: light;

  --bs-body-bg: var(--dr-bg);
  --bs-body-color: var(--dr-text);
  --bs-border-color: var(--dr-border);
  --bs-secondary-color: var(--dr-text-muted);
  --bs-tertiary-bg: var(--dr-bg-muted);
  --bs-heading-color: var(--dr-text);
  --bs-emphasis-color: var(--dr-text);
  --bs-link-color: var(--dr-accent);
  --bs-link-hover-color: var(--dr-accent-hover);
  --bs-modal-bg: var(--dr-bg-elevated);
  --bs-modal-color: var(--dr-text);
  --bs-modal-border-color: var(--dr-border);
  --bs-dropdown-bg: var(--dr-bg-elevated);
  --bs-dropdown-color: var(--dr-text);
  --bs-dropdown-border-color: var(--dr-border);
  --bs-dropdown-link-color: var(--dr-text);
  --bs-dropdown-link-hover-bg: var(--dr-bg-muted);
  --bs-dropdown-link-hover-color: var(--dr-accent);
  --bs-tooltip-bg: #1b2430;
  --bs-tooltip-color: #fff;
  --bs-offcanvas-bg: var(--dr-bg-elevated);
  --bs-offcanvas-color: var(--dr-text);
  --bs-pagination-bg: var(--dr-bg-elevated);
  --bs-pagination-color: var(--dr-text);
  --bs-pagination-border-color: var(--dr-border);
  --bs-pagination-hover-bg: var(--dr-bg-muted);
  --bs-pagination-disabled-bg: var(--dr-bg-muted);
  --bs-table-bg: var(--dr-bg-elevated);
  --bs-table-color: var(--dr-text);
  --bs-table-border-color: var(--dr-border);
  --bs-table-striped-bg: var(--dr-bg-muted);
  --bs-table-hover-bg: var(--dr-bg-hover);
}

html[data-theme="dark"] {
  --dr-bg: #0e131b;
  --dr-bg-elevated: #171e28;
  --dr-bg-muted: #1e2733;
  --dr-bg-hover: #243040;
  --dr-text: #f3f6fb;
  --dr-text-muted: #b7c1d0;
  --dr-placeholder: #8d99ab;
  --dr-border: #2d3848;
  --dr-header: #121822;
  --dr-header-text: #f3f6fb;
  --dr-accent: #ff7a33;
  --dr-accent-hover: #ff8d52;
  --dr-accent-2: #3dd6e8;
  --dr-accent-fg: #ffffff;
  --dr-shadow: 0 12px 32px rgba(0, 0, 0, 0.38);
  --dr-input: #10161f;
  --dr-input-hover: #141c27;
  --dr-input-radius: 12px;
  --dr-input-height: 48px;
  --dr-footer: #0a0e14;
  --dr-footer-text: #c5cdd8;
  --dr-danger: #f07178;
  --dr-success: #4ade80;
  --dr-warning: #fbbf24;
  --dr-info: #60a5fa;
  --dr-focus: rgba(255, 122, 51, 0.4);
  color-scheme: dark;
}

/* ------------------------------------------------------------------
   2. Page / chrome
   ------------------------------------------------------------------ */
html[data-theme="light"] body,
html[data-theme="light"] .main-wrapper:not(.home-three),
html[data-theme="light"] .main-wrapper.listing-page,
html[data-theme="light"] .main-wrapper.login-body,
html[data-theme="dark"] body,
html[data-theme="dark"] .main-wrapper,
html[data-theme="dark"] .main-wrapper.listing-page,
html[data-theme="dark"] .main-wrapper.login-body,
html[data-theme="dark"] .content,
html[data-theme="dark"] .dashboard-content,
html[data-theme="dark"] .breadcrumb-bar {
  background: var(--dr-bg) !important;
  color: var(--dr-text) !important;
}

.header:not(.header-four),
.log-header {
  background: var(--dr-header) !important;
  box-shadow: var(--dr-shadow);
  border-bottom: 1px solid var(--dr-border);
}

.header:not(.header-four) {
  position: sticky !important;
  top: 0;
  z-index: 1050;
}

.header.header-four {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  position: fixed !important;
  top: 0;
  inset-inline: 0;
  z-index: 1050;
}

.header.header-four.header-fixed {
  background: #111111 !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}

@media (max-width: 991.98px) {
  html[data-theme="light"] .header.header-four,
  html[data-theme="light"] .header.header-four.header-fixed {
    background: #ffffff !important;
    border-bottom: 1px solid var(--dr-border) !important;
  }

  html[data-theme="dark"] .header.header-four,
  html[data-theme="dark"] .header.header-four.header-fixed {
    background: var(--dr-header) !important;
  }
}

@media (min-width: 992px) {
  .header .header-nav,
  .header.header-four .header-nav {
    flex-wrap: nowrap !important;
    align-items: center !important;
    height: 72px !important;
    min-height: 72px;
    gap: 8px;
    padding: 0 8px !important;
  }

  .header .navbar-header,
  .header .navbar-brand {
    flex-shrink: 0;
  }

  .header .navbar-brand img,
  .header .navbar-brand .dark-logo,
  .header .navbar-brand .white-logo {
    max-height: 36px;
    width: auto;
  }

  .header .main-menu-wrapper {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    justify-content: center;
  }

  .header .main-menu-wrapper .main-nav {
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 2px;
  }

  .header .header-nav .main-nav > li > a,
  .header.header-four .header-nav .main-nav > li > a {
    line-height: 1.2 !important;
    padding: 8px 10px !important;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
  }

  .header .header-navbar-rht {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    margin-inline-start: auto;
    flex-shrink: 0;
    gap: 6px;
  }

  .header .header-navbar-rht > li {
    padding: 0 !important;
  }

  .header .header-navbar-rht .nav-link,
  .header .header-navbar-rht .dropdown-toggle {
    line-height: 1.2 !important;
    white-space: nowrap;
    padding: 8px 10px !important;
  }

  .header .header-navbar-rht .nav-item .header-login,
  .header .header-navbar-rht .nav-item .header-reg {
    white-space: nowrap;
    line-height: 1.2 !important;
    padding: 8px 14px !important;
    font-size: 14px !important;
  }
}

.header:not(.header-four) .main-nav > li > a,
.header:not(.header-four) .header-navbar-rht .dropdown-toggle,
.header:not(.header-four) .user-text {
  color: var(--dr-header-text) !important;
}

.header .main-nav > li > a:hover,
.header .main-nav > li.active > a,
.header.header-four .header-nav .main-nav > li > a:hover,
.header.header-four .header-nav .main-nav > li.active > a {
  color: var(--dr-accent) !important;
}

@media (min-width: 992px) {
  .header.header-four .header-nav .main-nav > li > a,
  .header.header-four .header-nav .main-nav > li > a i,
  .header.header-four .header-navbar-rht .nav-link,
  .header.header-four .header-navbar-rht .dropdown-toggle,
  .header.header-four .user-text {
    color: #ffffff !important;
  }

  .header.header-four .site-theme-toggle {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.22);
    color: #ffffff;
  }

  .header.header-four .header-login,
  .header.header-four a.header-login {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
  }

  .header.header-four .header-login span,
  .header.header-four .header-login i {
    color: #ffffff !important;
  }
}

.header .submenu,
.header .dropdown-menu,
.dropdown-menu {
  background: var(--dr-bg-elevated) !important;
  border: 1px solid var(--dr-border) !important;
  box-shadow: var(--dr-shadow) !important;
  color: var(--dr-text) !important;
}

.header .submenu a,
.header .dropdown-item,
.dropdown-item {
  color: var(--dr-text) !important;
}

.header .submenu a:hover,
.header .dropdown-item:hover,
.header .dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:focus {
  background: var(--dr-bg-muted) !important;
  color: var(--dr-accent) !important;
}

.site-theme-toggle {
  width: 42px;
  height: 42px;
  border: 1px solid var(--dr-border);
  border-radius: 999px;
  background: var(--dr-bg-muted);
  color: var(--dr-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}

.site-theme-toggle:hover {
  border-color: var(--dr-accent);
  color: var(--dr-accent);
}

html[data-theme="light"] [data-theme-icon-light],
html[data-theme="dark"] [data-theme-icon-dark] {
  display: none;
}

html[data-theme="light"] .navbar-brand .white-logo,
html[data-theme="dark"] .navbar-brand .dark-logo {
  display: none !important;
}

html[data-theme="dark"] .navbar-brand .white-logo,
html[data-theme="light"] .navbar-brand .dark-logo {
  display: inline-block !important;
}

@media (min-width: 992px) {
  .header.header-four .navbar-brand .white-logo,
  .header.header-four .header-nav .logo .white-logo {
    display: inline-block !important;
  }

  .header.header-four .navbar-brand .dark-logo,
  .header.header-four .header-nav .logo .dark-logo {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  html[data-theme="light"] .header.header-four .navbar-brand .white-logo,
  html[data-theme="light"] .header.header-four .header-nav .logo .white-logo {
    display: none !important;
  }

  html[data-theme="light"] .header.header-four .navbar-brand .dark-logo,
  html[data-theme="light"] .header.header-four .header-nav .logo .dark-logo {
    display: inline-block !important;
  }

  html[data-theme="dark"] .header.header-four .navbar-brand .white-logo {
    display: inline-block !important;
  }

  html[data-theme="dark"] .header.header-four .navbar-brand .dark-logo {
    display: none !important;
  }
}

.log-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
}

html[data-theme="dark"] .log-header .logo-dark {
  filter: invert(1) brightness(2);
}

.footer,
.footer-bottom,
.copyright {
  background: var(--dr-footer) !important;
  color: var(--dr-footer-text) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.footer p,
.footer a,
.footer h5,
.footer h6,
.footer li,
.footer span,
.footer .text-white {
  color: var(--dr-footer-text) !important;
}

.footer a:hover {
  color: #ffffff !important;
}

/* ------------------------------------------------------------------
   3. Buttons (brand preserved)
   ------------------------------------------------------------------ */
.btn-primary,
.btn.btn-primary,
.header .header-navbar-rht .nav-item .header-reg,
.header .header-navbar-rht .nav-item a.header-reg,
.btn-order,
.listing-item .btn-order,
.search-button,
.filter-btn {
  background: var(--dr-accent) !important;
  border: 1px solid var(--dr-accent) !important;
  color: var(--dr-accent-fg) !important;
  box-shadow: none !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.header-reg:hover,
.header-reg:focus,
.btn-order:hover,
.search-button:hover,
.filter-btn:hover,
.btn-subscribe:hover,
.login-auth .btn-outline-light:hover,
.login-auth .btn-outline-light:focus,
.login-auth .btn-outline-light:active {
  background: var(--dr-accent-hover) !important;
  border-color: var(--dr-accent-hover) !important;
  color: var(--dr-accent-fg) !important;
  box-shadow: none !important;
}

.btn-primary:hover *,
.header-reg:hover *,
.header-reg:hover span,
.header-reg:hover i,
.btn-order:hover *,
.search-button:hover i,
.login-auth .btn-outline-light:hover,
.login-auth .btn-outline-light:hover * {
  color: var(--dr-accent-fg) !important;
  box-shadow: none !important;
}

.btn-primary i,
.header-reg,
.header-reg span,
.header-reg i,
.btn-order *,
.search-button,
.search-button i {
  color: var(--dr-accent-fg) !important;
}

html[data-theme="light"] .header-login,
html[data-theme="light"] a.header-login,
html[data-theme="light"] .btn-secondary,
html[data-theme="light"] .btn.btn-secondary,
html[data-theme="light"] .btn-outline-light {
  background: #ffffff !important;
  border: 1px solid var(--dr-border) !important;
  color: var(--dr-text) !important;
}

html[data-theme="light"] .header-login span,
html[data-theme="light"] .header-login i,
html[data-theme="light"] .btn-secondary,
html[data-theme="light"] .btn-outline-light {
  color: var(--dr-text) !important;
}

html[data-theme="dark"] .header-login,
html[data-theme="dark"] a.header-login,
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn.btn-secondary,
html[data-theme="dark"] .btn-outline-light {
  background: transparent !important;
  border: 1px solid var(--dr-border) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .header-login span,
html[data-theme="dark"] .header-login i {
  color: #ffffff !important;
}

html[data-theme="light"] .header-login:hover,
html[data-theme="light"] a.header-login:hover,
html[data-theme="light"] .btn-secondary:hover,
html[data-theme="light"] .btn.btn-secondary:hover {
  background: var(--dr-bg-muted) !important;
  border-color: var(--dr-accent) !important;
  color: var(--dr-accent) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .header-login:hover span,
html[data-theme="light"] .header-login:hover i,
html[data-theme="light"] .btn-secondary:hover * {
  color: var(--dr-accent) !important;
}

html[data-theme="dark"] .header-login:hover,
html[data-theme="dark"] a.header-login:hover,
html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn.btn-secondary:hover {
  background: var(--dr-bg-muted) !important;
  border-color: var(--dr-accent) !important;
  color: var(--dr-accent) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .header-login:hover span,
html[data-theme="dark"] .header-login:hover i,
html[data-theme="dark"] .btn-secondary:hover * {
  color: var(--dr-accent) !important;
}

.btn,
.btn:hover,
.btn:focus,
.btn:active,
.header-login,
.header-login:hover,
.header-reg,
.header-reg:hover,
.search-button:hover {
  box-shadow: none !important;
}

.btn:disabled,
.btn.disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.btn:focus-visible,
.form-control:focus,
.form-select:focus,
select:focus,
textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--dr-focus) !important;
  border-color: var(--dr-accent) !important;
}

/* ------------------------------------------------------------------
   4. Homepage hero — keep the original dark banner in both themes
   ------------------------------------------------------------------ */
html[data-theme="light"] .banner-section-four,
html[data-theme="dark"] .banner-section-four {
  background: #111111 url("../img/bg/banner-bg.png") no-repeat bottom !important;
  color: #ffffff !important;
}

html[data-theme="light"] .banner-section-four .banner-bgs,
html[data-theme="dark"] .banner-section-four .banner-bgs {
  display: block;
}

html[data-theme="light"] .banner-section-four h1,
html[data-theme="light"] .banner-section-four .customer-info h4,
html[data-theme="dark"] .banner-section-four h1,
html[data-theme="dark"] .banner-section-four .customer-info h4 {
  color: #ffffff !important;
}

html[data-theme="light"] .banner-section-four .banner-content > p,
html[data-theme="light"] .banner-section-four .customer-info p,
html[data-theme="dark"] .banner-section-four .banner-content > p,
html[data-theme="dark"] .banner-section-four .customer-info p {
  color: rgba(255, 255, 255, 0.82) !important;
}

.banner-section-four .banner-search,
.banner-section-four .banner-search .form-block {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.banner-section-four .banner-search .form-control,
.banner-section-four .banner-search select,
.banner-section-four .banner-search input,
.banner-section-four .banner-search input[type="datetime-local"],
.banner-section-four .banner-search .select2-selection__rendered,
.banner-section-four .banner-search .dr-datetime,
.banner-section-four .banner-search .dr-datetime-display,
.banner-section-four .banner-search .flatpickr-input,
.banner-section-four .banner-search .dr-datetime-wrap .dr-datetime {
  background-color: transparent !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-size: 0 !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: none !important;
  padding-inline-end: 16px !important;
}

.banner-section-four .banner-search input[type="datetime-local"] {
  color-scheme: dark;
}

.banner-section-four h1 span {
  color: var(--dr-accent) !important;
}

.count-sec,
html[data-theme="light"] .count-sec,
html[data-theme="dark"] .count-sec {
  background: #111111 url("../img/bg/count-bg.png") !important;
  color: #ffffff !important;
}

html[data-theme="light"] .count-sec h3,
html[data-theme="light"] .count-sec h3 span,
html[data-theme="light"] .count-sec p,
html[data-theme="dark"] .count-sec h3,
html[data-theme="dark"] .count-sec h3 span,
html[data-theme="dark"] .count-sec p {
  color: #ffffff !important;
}

html[data-theme="light"] .count-sec .count-item p,
html[data-theme="dark"] .count-sec .count-item p {
  color: rgba(255, 255, 255, 0.82) !important;
}

html[data-theme="light"] .section-heading h2,
html[data-theme="light"] .section-heading.heading-four h2 {
  color: var(--dr-text) !important;
}

html[data-theme="light"] .section-heading p,
html[data-theme="light"] .section-heading.heading-four p {
  color: var(--dr-text-muted) !important;
}

html[data-theme="light"] .brand-wrap {
  filter: none !important;
  opacity: 1 !important;
}

html[data-theme="light"] .category-item:hover {
  background: #fff4ec !important;
  border-color: var(--dr-accent) !important;
}

html[data-theme="light"] .category-item:hover .title a {
  color: var(--dr-accent) !important;
}

html[data-theme="light"] .category-item:hover p {
  color: var(--dr-text) !important;
}

/* ------------------------------------------------------------------
   5. Dark mode surfaces — leftover #fff from style.css
   ------------------------------------------------------------------ */
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-body,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .popover,
html[data-theme="dark"] .toast,
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .accordion-button,
html[data-theme="dark"] .listing-item,
html[data-theme="dark"] .listing-item-two,
html[data-theme="dark"] .listing-content,
html[data-theme="dark"] .blog-item,
html[data-theme="dark"] .blog-content,
html[data-theme="dark"] .grid-blog,
html[data-theme="dark"] .blog-details,
html[data-theme="dark"] article.blog-details,
html[data-theme="dark"] .category-item,
html[data-theme="dark"] .feature-item,
html[data-theme="dark"] .testimonial-item,
html[data-theme="dark"] .price-item,
html[data-theme="dark"] .price-item-two,
html[data-theme="dark"] .price-card,
html[data-theme="dark"] .price-plan-card,
html[data-theme="dark"] .faq-card,
html[data-theme="dark"] .faq-accordion,
html[data-theme="dark"] .search-box-banner,
html[data-theme="dark"] .sidebar-form,
html[data-theme="dark"] .car-listing .sidebar-form,
html[data-theme="dark"] .sidebar-heading,
html[data-theme="dark"] .widget-box,
html[data-theme="dark"] .settings-widget,
html[data-theme="dark"] .dashboard-menu,
html[data-theme="dark"] .dashboard-table,
html[data-theme="dark"] .dashboard-card,
html[data-theme="dark"] .user-card,
html[data-theme="dark"] .review-card,
html[data-theme="dark"] .review-wrap,
html[data-theme="dark"] .booking-card,
html[data-theme="dark"] .booking-form,
html[data-theme="dark"] .booking-details,
html[data-theme="dark"] .booking-info,
html[data-theme="dark"] .booking-sidebar,
html[data-theme="dark"] .booking-sidebar-card,
html[data-theme="dark"] .booking-information-card,
html[data-theme="dark"] .order-confirm-box,
html[data-theme="dark"] .confirm-order,
html[data-theme="dark"] .specification-card,
html[data-theme="dark"] .review-sec,
html[data-theme="dark"] .gallery-widget,
html[data-theme="dark"] .reviewbox-list-rating,
html[data-theme="dark"] .product-detail-head,
html[data-theme="dark"] .login-wrapper,
html[data-theme="dark"] .loginbox,
html[data-theme="dark"] .login-auth,
html[data-theme="dark"] .form-info-area,
html[data-theme="dark"] .contact-info-area,
html[data-theme="dark"] .single-contact-info,
html[data-theme="dark"] .services-group,
html[data-theme="dark"] .why-choose .card,
html[data-theme="dark"] .team-item,
html[data-theme="dark"] .work-card,
html[data-theme="dark"] .table,
html[data-theme="dark"] .table thead,
html[data-theme="dark"] .table tbody,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .dataTable,
html[data-theme="dark"] .chat-window,
html[data-theme="dark"] .chat-cont-left,
html[data-theme="dark"] .chat-cont-right,
html[data-theme="dark"] .chat-header,
html[data-theme="dark"] .chat-footer,
html[data-theme="dark"] .dr-chat-shell,
html[data-theme="dark"] .dr-chat-sidebar,
html[data-theme="dark"] .dr-chat-thread,
html[data-theme="dark"] .dr-chat-header,
html[data-theme="dark"] .dr-notif-dropdown,
html[data-theme="dark"] .noti-wrapper,
html[data-theme="dark"] .notification-grid,
html[data-theme="dark"] .preferences-grid,
html[data-theme="dark"] .security-grid,
html[data-theme="dark"] .integration-grid,
html[data-theme="dark"] .wallet-table,
html[data-theme="dark"] .invoice-section,
html[data-theme="dark"] .page-group,
html[data-theme="dark"] .sortby-sec,
html[data-theme="dark"] .listview-car,
html[data-theme="dark"] .article-grid-card,
html[data-theme="dark"] .popular-location-card,
html[data-theme="dark"] .client-review-card,
html[data-theme="dark"] .info-steps-card,
html[data-theme="dark"] .top-rated-card,
html[data-theme="dark"] .brand-wrap {
  background: var(--dr-bg-elevated) !important;
  background-image: none !important;
  color: var(--dr-text) !important;
  border-color: var(--dr-border) !important;
}

html[data-theme="dark"] .brand-section,
html[data-theme="dark"] .support-section,
html[data-theme="dark"] .feature-section,
html[data-theme="dark"] .car-section,
html[data-theme="dark"] .rental-section-four,
html[data-theme="dark"] .faq-section-four,
html[data-theme="dark"] .faq-section,
html[data-theme="dark"] .blog-section-four,
html[data-theme="dark"] .blog-section,
html[data-theme="dark"] .pricing-section-four,
html[data-theme="dark"] .pricing-section,
html[data-theme="dark"] .category-section-four,
html[data-theme="dark"] .categories-section,
html[data-theme="dark"] .testimonial-section,
html[data-theme="dark"] .about-sec,
html[data-theme="dark"] .services,
html[data-theme="dark"] .why-choose,
html[data-theme="dark"] .gallery-section,
html[data-theme="dark"] .car-listing,
html[data-theme="dark"] .contact-section,
html[data-theme="dark"] .section,
html[data-theme="dark"] .popular-section-four,
html[data-theme="dark"] .popular-section-four::before,
html[data-theme="dark"] .subscribe-sec,
html[data-theme="dark"] .order-confirmation,
html[data-theme="dark"] .dashboard-section {
  background-color: var(--dr-bg) !important;
  background-image: none !important;
}

html[data-theme="dark"] .price-item.price-item-two {
  background: var(--dr-bg-elevated) !important;
  background-image: none !important;
}

/* ------------------------------------------------------------------
   6. Dark mode text — after surfaces, so contrast holds
   ------------------------------------------------------------------ */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] p,
html[data-theme="dark"] label,
html[data-theme="dark"] .form-label,
html[data-theme="dark"] li,
html[data-theme="dark"] td,
html[data-theme="dark"] th,
html[data-theme="dark"] small,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-body,
html[data-theme="dark"] .count-search p,
html[data-theme="dark"] .breadcrumb-item,
html[data-theme="dark"] .breadcrumb-item a,
html[data-theme="dark"] .breadcrumb-item.active,
html[data-theme="dark"] .listing-title,
html[data-theme="dark"] .listing-title a,
html[data-theme="dark"] .account-subtitle,
html[data-theme="dark"] .dont-have,
html[data-theme="dark"] .forgot-link,
html[data-theme="dark"] .reset-filter,
html[data-theme="dark"] .view-link,
html[data-theme="dark"] .content-header h4,
html[data-theme="dark"] .sidebar-heading h3,
html[data-theme="dark"] .widget-box h3,
html[data-theme="dark"] .widget-box h6,
html[data-theme="dark"] .dashboard-menu a span,
html[data-theme="dark"] .settings-widget a {
  color: var(--dr-text) !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .form-label,
html[data-theme="dark"] label,
html[data-theme="dark"] .widget-box h6,
html[data-theme="dark"] .listing-details-group p,
html[data-theme="dark"] .section-heading p {
  color: var(--dr-text-muted) !important;
}

html[data-theme="dark"] a:not(.btn):not(.header-login):not(.header-reg):not(.btn-order):not(.search-button):not(.nav-link) {
  color: var(--dr-text);
}

html[data-theme="dark"] .listing-title a,
html[data-theme="dark"] .category-item .title a {
  color: #ffffff !important;
}

html[data-theme="dark"] .banner-section-four a:not(.btn):not(.header-login):not(.header-reg) {
  color: #ffffff;
}

html[data-theme="dark"] .btn,
html[data-theme="dark"] .btn *,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .featured-text {
  color: inherit;
}

html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn-primary *,
html[data-theme="dark"] .btn-order,
html[data-theme="dark"] .btn-order *,
html[data-theme="dark"] .search-button,
html[data-theme="dark"] .filter-btn,
html[data-theme="dark"] .header-reg,
html[data-theme="dark"] .header-reg * {
  color: var(--dr-accent-fg) !important;
}

html[data-theme="dark"] .footer,
html[data-theme="dark"] .footer :is(h1, h2, h3, h4, h5, h6, p, a, li, span, label) {
  color: var(--dr-footer-text) !important;
}

html[data-theme="dark"] .dashboard-menu ul li a {
  background: var(--dr-bg-muted) !important;
  border-color: var(--dr-border) !important;
  color: var(--dr-text) !important;
}

html[data-theme="dark"] .dashboard-menu ul li a.active,
html[data-theme="dark"] .settings-widget .settings-menu ul li a.active {
  background: var(--dr-accent) !important;
  border-color: var(--dr-accent) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .category-item:hover,
html[data-theme="dark"] .testimonial-item:hover,
html[data-theme="dark"] .listing-item:hover,
html[data-theme="dark"] .table tbody tr:hover td {
  background: var(--dr-bg-hover) !important;
}

html[data-theme="dark"] .listing-details-group img,
html[data-theme="dark"] .dashboard-menu ul li a:not(.active) img,
html[data-theme="dark"] .settings-widget img {
  filter: invert(1) brightness(1.35);
}

html[data-theme="dark"] .amount-icon .day-amt p,
html[data-theme="dark"] .amount-icon .day-amt h6,
html[data-theme="dark"] .amount-icon .day-amt h6 span {
  color: #ffffff !important;
  filter: none;
}

/* ------------------------------------------------------------------
   7. Forms — unified inputs site-wide
   ------------------------------------------------------------------ */

/* Labels */
.form-label,
.input-block label,
.form-custom label,
.sidebar-form .form-label,
.booking-form label,
.modal-form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--dr-text);
}

.form-text,
.input-block .optional,
.help-block {
  color: var(--dr-text-muted) !important;
}

/* Shared field shell: text / email / password / search / number / tel / url / date / select / textarea */
.form-control,
.form-select,
select.form-control,
textarea.form-control,
.input-block .form-control,
.form-custom .form-control,
.serve-form .input-block .form-control,
.sidebar-form .form-control,
.sidebar-form select,
.pass-group .form-control,
.modal-form-group .form-control,
.dataTables_filter input,
.dataTables_length select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="datetime-local"],
input[type="date"],
input[type="time"],
input[type="month"],
input[type="week"] {
  height: auto !important;
  min-height: var(--dr-input-height) !important;
  padding: 12px 16px !important;
  line-height: 1.45 !important;
  box-sizing: border-box !important;
  width: 100%;
  background-color: var(--dr-input) !important;
  background-image: none;
  color: var(--dr-text) !important;
  border: 1px solid var(--dr-border) !important;
  border-radius: var(--dr-input-radius) !important;
  box-shadow: none !important;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

/* Never restyle Flatpickr internals with the global input shell */
.flatpickr-calendar input,
.flatpickr-calendar .numInput,
.flatpickr-calendar .flatpickr-monthDropdown-months,
.flatpickr-calendar input.cur-year {
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.flatpickr-calendar input:hover,
.flatpickr-calendar input:focus,
.flatpickr-calendar input:focus-visible {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

textarea.form-control,
textarea {
  min-height: 120px !important;
  resize: vertical;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* Selects — custom chevron */
.form-select,
select.form-control,
select:not([multiple]):not([size]),
.sidebar-form select {
  appearance: none;
  -webkit-appearance: none;
  padding-inline-end: 44px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6578' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px !important;
  cursor: pointer;
}

html[dir="rtl"] .form-select,
html[dir="rtl"] select.form-control,
html[dir="rtl"] select:not([multiple]):not([size]),
html[dir="rtl"] .sidebar-form select {
  background-position: left 14px center !important;
}

html[data-theme="dark"] .form-select,
html[data-theme="dark"] select.form-control,
html[data-theme="dark"] select:not([multiple]):not([size]),
html[data-theme="dark"] .sidebar-form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b7c1d0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 16px !important;
  color-scheme: dark;
}

/* Native <select> dropdown panel (dark mode) */
html[data-theme="dark"] select,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] select.form-control {
  color-scheme: dark;
}

html[data-theme="dark"] select option,
html[data-theme="dark"] .form-select option,
html[data-theme="dark"] select.form-control option {
  background-color: #171e28 !important;
  color: #f3f6fb !important;
}

html[data-theme="dark"] select option:checked,
html[data-theme="dark"] select option:hover,
html[data-theme="dark"] .form-select option:checked,
html[data-theme="dark"] select.form-control option:checked {
  background-color: #243040 !important;
  color: #ff7a33 !important;
}

.banner-section-four .banner-search select,
.banner-section-four .banner-search select.form-control {
  color-scheme: dark;
}

/* Placeholders */
.form-control::placeholder,
.form-select::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--dr-placeholder) !important;
  opacity: 1;
}

/* Hover / focus */
.form-control:hover:not(:disabled):not(:focus),
.form-select:hover:not(:disabled):not(:focus),
select:hover:not(:disabled):not(:focus),
textarea:hover:not(:disabled):not(:focus),
input[type="text"]:hover:not(:disabled):not(:focus),
input[type="email"]:hover:not(:disabled):not(:focus),
input[type="password"]:hover:not(:disabled):not(:focus),
input[type="search"]:hover:not(:disabled):not(:focus),
input[type="number"]:hover:not(:disabled):not(:focus),
input[type="tel"]:hover:not(:disabled):not(:focus),
input[type="url"]:hover:not(:disabled):not(:focus),
input[type="datetime-local"]:hover:not(:disabled):not(:focus),
input[type="date"]:hover:not(:disabled):not(:focus),
input[type="time"]:hover:not(:disabled):not(:focus) {
  background-color: var(--dr-input-hover) !important;
  border-color: color-mix(in srgb, var(--dr-accent) 35%, var(--dr-border)) !important;
}

.form-control:focus,
.form-select:focus,
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
.form-control:focus-visible,
.form-select:focus-visible {
  outline: none !important;
  background-color: var(--dr-input) !important;
  border-color: var(--dr-accent) !important;
  box-shadow: 0 0 0 3px var(--dr-focus) !important;
}

/* Disabled / readonly */
.form-control:disabled,
.form-select:disabled,
input:disabled,
textarea:disabled,
select:disabled,
.form-control[readonly],
input[readonly] {
  opacity: 0.7;
  cursor: not-allowed;
  background-color: var(--dr-bg-muted) !important;
  color: var(--dr-text-muted) !important;
}

/* Validation */
.form-control.is-invalid,
.form-select.is-invalid,
.was-validated .form-control:invalid,
.was-validated .form-select:invalid,
input.is-invalid,
textarea.is-invalid {
  border-color: var(--dr-danger) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--dr-danger) 25%, transparent) !important;
}

.form-control.is-valid,
.form-select.is-valid,
.was-validated .form-control:valid,
.was-validated .form-select:valid {
  border-color: var(--dr-success) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--dr-success) 22%, transparent) !important;
}

.invalid-feedback,
.valid-feedback {
  font-size: 0.82rem;
  margin-top: 6px;
}

/* Input groups */
.input-group .form-control,
.input-group .form-select {
  border-radius: var(--dr-input-radius) !important;
}

.input-group-text {
  min-height: var(--dr-input-height);
  padding: 12px 14px;
  background: var(--dr-bg-muted) !important;
  color: var(--dr-text-muted) !important;
  border: 1px solid var(--dr-border) !important;
  border-radius: var(--dr-input-radius) !important;
}

/* Password eye */
.pass-group {
  position: relative;
}

.pass-group .form-control {
  padding-inline-end: 48px !important;
}

.pass-group .toggle-password,
.pass-group .feather-eye,
.pass-group .feather-eye-off,
.pass-group .fas.fa-eye,
.pass-group .fas.fa-eye-slash {
  color: var(--dr-text-muted) !important;
  cursor: pointer;
}

.pass-group .toggle-password:hover {
  color: var(--dr-accent) !important;
}

/* Date / time calendar icon (WebKit) */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.65;
  filter: none;
}

html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
html[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator,
html[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator,
html[data-theme="dark"] input[type="month"]::-webkit-calendar-picker-indicator,
html[data-theme="dark"] input[type="week"]::-webkit-calendar-picker-indicator {
  filter: invert(1) opacity(0.75);
}

/* Number spinners — keep usable but quieter */
input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  opacity: 0.55;
}

/* Search clear (WebKit) */
input[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}

/* File upload */
input[type="file"],
.form-control[type="file"] {
  min-height: var(--dr-input-height) !important;
  padding: 10px 14px !important;
  background: var(--dr-input) !important;
  color: var(--dr-text) !important;
  border: 1px dashed var(--dr-border) !important;
  border-radius: var(--dr-input-radius) !important;
  cursor: pointer;
}

input[type="file"]:hover,
.form-control[type="file"]:hover {
  border-color: var(--dr-accent) !important;
  background: var(--dr-input-hover) !important;
}

input[type="file"]::file-selector-button,
.form-control[type="file"]::file-selector-button {
  margin-inline-end: 12px;
  padding: 8px 14px;
  border: 0;
  border-radius: 8px;
  background: var(--dr-accent);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

input[type="file"]::file-selector-button:hover,
.form-control[type="file"]::file-selector-button:hover {
  background: var(--dr-accent-hover);
}

/* Range */
input[type="range"],
.form-range {
  width: 100%;
  height: 8px;
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
}

input[type="range"]::-webkit-slider-runnable-track,
.form-range::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 999px;
  background: var(--dr-bg-muted);
}

input[type="range"]::-webkit-slider-thumb,
.form-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  margin-top: -6px;
  border-radius: 50%;
  background: var(--dr-accent);
  border: 2px solid #fff;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.2);
  cursor: pointer;
}

input[type="range"]::-moz-range-track,
.form-range::-moz-range-track {
  height: 8px;
  border-radius: 999px;
  background: var(--dr-bg-muted);
}

input[type="range"]::-moz-range-thumb,
.form-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--dr-accent);
  border: 2px solid #fff;
  cursor: pointer;
}

/* Bootstrap form-check */
.form-check-input {
  width: 1.15rem;
  height: 1.15rem;
  margin-top: 0.2em;
  background-color: var(--dr-input) !important;
  border: 1.5px solid var(--dr-border) !important;
  box-shadow: none !important;
  cursor: pointer;
}

.form-check-input:checked {
  background-color: var(--dr-accent) !important;
  border-color: var(--dr-accent) !important;
}

.form-check-input:focus {
  border-color: var(--dr-accent) !important;
  box-shadow: 0 0 0 3px var(--dr-focus) !important;
}

.form-check-label {
  color: var(--dr-text);
  cursor: pointer;
}

/* Theme custom checkbox / radio */
.custom_check,
.custom_radio {
  color: var(--dr-text) !important;
}

.custom_check .checkmark,
.custom_radio .checkmark {
  background: var(--dr-input) !important;
  border: 1.5px solid var(--dr-border) !important;
  border-radius: 6px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.custom_radio .checkmark {
  border-radius: 50%;
}

.custom_check:hover .checkmark,
.custom_radio:hover .checkmark {
  border-color: color-mix(in srgb, var(--dr-accent) 45%, var(--dr-border)) !important;
}

.custom_check input:checked ~ .checkmark,
.custom_radio input:checked ~ .checkmark,
.custom_check input:checked ~ .checkmark:after {
  background: var(--dr-accent) !important;
  border-color: var(--dr-accent) !important;
}

.custom_radio input:checked ~ .checkmark:after {
  background: #fff !important;
}

.booking_custom_check,
.payment-checkbox label,
.rent-radio,
.custom-checkbox {
  color: var(--dr-text);
}

.booking_custom_check input:checked + label,
.payment-checkbox input:checked + label {
  border-color: var(--dr-accent) !important;
  color: var(--dr-accent);
}

/* Legacy gray wrappers → theme tokens */
.input-block .form-control,
.form-custom .form-control,
.serve-form .input-block .form-control {
  background: var(--dr-input) !important;
}

.sidebar-form .form-control,
.sidebar-form select {
  margin-bottom: 0;
}

html[data-theme="dark"] .custom_check .checkmark,
html[data-theme="dark"] .custom_radio .checkmark {
  background: var(--dr-bg-muted) !important;
  border-color: var(--dr-border) !important;
}

html[data-theme="light"] .search-box-banner select.form-control {
  background: var(--dr-input) !important;
  color: var(--dr-text) !important;
}

.banner-section-four .banner-search {
  padding: 12px !important;
}

.banner-section-four .banner-search .form-block {
  padding: 10px 12px !important;
  align-items: stretch !important;
}

.banner-section-four .banner-search .search-input {
  padding: 18px 22px !important;
}

.banner-section-four .banner-search label,
.search-box-banner .input-block label {
  display: block !important;
  margin: 0 0 10px !important;
}

.banner-section-four .banner-search .form-control,
.banner-section-four .banner-search select,
.banner-section-four .banner-search input[type="datetime-local"] {
  height: auto !important;
  min-height: 48px !important;
  padding: 12px 16px !important;
}

.banner-section-four .banner-search .search-btn {
  padding: 18px 16px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner-section-four .banner-search .search-btn .btn {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  padding: 0 !important;
}

.search-box-banner {
  padding: 28px 32px !important;
}

.sidebar-form,
.car-listing .sidebar-form {
  padding: 24px !important;
}

.price-item.price-item-two {
  padding: 24px !important;
}

.listing-item .listing-location-details {
  padding: 12px 14px !important;
  border-radius: 10px !important;
  background: var(--dr-bg-muted) !important;
}

.listing-item .listing-price h6 {
  direction: ltr;
  unicode-bidi: isolate;
  white-space: nowrap;
}

/* Car card body: keep padding always (including hover) */
.listing-item,
.listing-item-two {
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid var(--dr-border);
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.listing-item .listing-content,
.listing-item-two .listing-content {
  padding: 16px 18px 18px !important;
  margin-top: 0 !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.listing-item .listing-features,
.listing-item-two .listing-features {
  margin: 0 0 0 !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--dr-border) !important;
}

.listing-item .listing-title,
.listing-item .listing-title a {
  margin: 0 !important;
  line-height: 1.35 !important;
}

.listing-item .listing-details-group,
.listing-item-two .listing-details-group {
  margin: 0 !important;
}

.listing-item .listing-details-group ul,
.listing-item-two .listing-details-group ul {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.listing-item .listing-details-group ul li,
.listing-item-two .listing-details-group ul li {
  flex: 0 1 auto !important;
  max-width: none !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: var(--dr-bg-muted) !important;
  border: 1px solid var(--dr-border) !important;
  min-width: 0;
}

.listing-item .listing-details-group ul li span,
.listing-item-two .listing-details-group ul li span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
  flex-shrink: 0;
}

.listing-item .listing-details-group ul li span img,
.listing-item-two .listing-details-group ul li span img {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  display: block !important;
}

.listing-item .listing-details-group ul li p,
.listing-item-two .listing-details-group ul li p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  color: var(--dr-text) !important;
}

.listing-item .listing-location-details,
.listing-item-two .listing-location-details {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border-radius: 10px !important;
  background: var(--dr-bg-muted) !important;
}

.listing-item .listing-location-details .listing-price,
.listing-item-two .listing-location-details .listing-price {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  min-width: 0;
  color: var(--dr-text) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

.listing-item .listing-location-details .listing-price > span:has(i),
.listing-item-two .listing-location-details .listing-price > span:has(i),
.listing-item .listing-location-details .listing-price > span:has(img),
.listing-item-two .listing-location-details .listing-price > span:has(img),
.listing-item .listing-pin,
.listing-item-two .listing-pin {
  margin: 0 !important;
  line-height: 0 !important;
  flex-shrink: 0;
  color: var(--dr-text) !important;
}

.listing-item .listing-location-details .listing-price h6,
.listing-item-two .listing-location-details .listing-price h6 {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  color: var(--dr-text) !important;
}

.listing-item .listing-location-name,
.listing-item-two .listing-location-name {
  display: inline-block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 160px;
  color: var(--dr-text) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.listing-item .listing-button,
.listing-item-two .listing-button {
  margin: 0 !important;
}

.listing-item:hover,
.listing-item-two:hover {
  border-color: color-mix(in srgb, var(--dr-accent) 45%, var(--dr-border));
  box-shadow: var(--dr-shadow);
}

.listing-item:hover .listing-content,
.listing-item-two:hover .listing-content {
  padding: 16px 18px 18px !important;
}

.listing-item .listing-button .btn-order,
.listing-item-two .listing-button .btn-order {
  width: 100%;
  margin-top: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 14px !important;
}

.listing-item .listing-button .btn-order span,
.listing-item-two .listing-button .btn-order span {
  margin: 0 !important;
  line-height: 0 !important;
}

.listing-item .listing-button .btn-order span i,
.listing-item-two .listing-button .btn-order span i {
  margin: 0 !important;
}

html[data-theme="dark"] .listing-item:hover,
html[data-theme="dark"] .listing-item-two:hover {
  background: var(--dr-bg-hover) !important;
}

html[data-theme="dark"] .listing-item:hover .listing-content,
html[data-theme="dark"] .listing-item-two:hover .listing-content {
  background: transparent !important;
}

/* ------------------------------------------------------------------
   8. Tables, pagination, alerts, badges, accordion, tabs
   ------------------------------------------------------------------ */
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .dashboard-table .table thead tr th,
html[data-theme="dark"] table.dataTable thead th {
  background: var(--dr-bg-muted) !important;
  color: var(--dr-text) !important;
  border-color: var(--dr-border) !important;
}

html[data-theme="dark"] .table td,
html[data-theme="dark"] .dashboard-table .table td,
html[data-theme="dark"] .dashboard-table .table td h6,
html[data-theme="dark"] .dashboard-table .table td p,
html[data-theme="dark"] .dashboard-table .table td h5 {
  color: var(--dr-text) !important;
  border-color: var(--dr-border) !important;
  background: transparent !important;
}

.pagination .page-link,
.blog-pagination .page-link,
.page-item .page-link {
  background: var(--dr-bg-elevated) !important;
  color: var(--dr-text) !important;
  border-color: var(--dr-border) !important;
}

.pagination .page-item.active .page-link,
.page-item.active .page-link {
  background: var(--dr-accent) !important;
  border-color: var(--dr-accent) !important;
  color: #ffffff !important;
}

/* Theme pagination — clean Bootstrap-compatible controls */
.theme-pagination,
.blog-pagination .theme-pagination {
  width: 100%;
  margin-top: 8px;
}

.theme-pagination .pagination,
.blog-pagination .pagination {
  gap: 8px;
  align-items: center;
}

.theme-pagination .page-item .page-link,
.blog-pagination .page-item .page-link {
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  border-radius: 10px !important;
  border: 1px solid var(--dr-border, #DEE2E7) !important;
  background: var(--dr-bg-elevated, #fff) !important;
  color: var(--dr-text, #2F2F2F) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  line-height: 1;
  box-shadow: none !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.theme-pagination .page-item:not(.previtem):not(.nextlink) .page-link {
  width: 42px;
  padding: 0;
}

.theme-pagination .page-item.previtem .page-link,
.theme-pagination .page-item.nextlink .page-link {
  min-width: 120px;
  padding: 0 18px;
}

.theme-pagination .page-item .page-link:hover,
.blog-pagination .page-item:not(.disabled):not(.active) .page-link:hover {
  background: var(--dr-accent, #127384) !important;
  border-color: var(--dr-accent, #127384) !important;
  color: #fff !important;
}

.theme-pagination .page-item.active .page-link,
.blog-pagination .page-item.active .page-link {
  background: var(--dr-accent, #127384) !important;
  border-color: var(--dr-accent, #127384) !important;
  color: #fff !important;
}

.theme-pagination .page-item.disabled .page-link,
.blog-pagination .page-item.disabled .page-link {
  opacity: .45;
  pointer-events: none;
}

/* Blog card date / meta chip — follow light/dark tokens */
.blog-section .blog-content .meta-item,
.blog-section .grid-blog .meta-item,
.listview-car .meta-item,
.blog-details .meta-item {
  background: var(--dr-bg-muted) !important;
  border: 1px solid var(--dr-border) !important;
  color: var(--dr-text-muted) !important;
  border-radius: 10px !important;
}

.blog-section .blog-content .meta-item .date-icon,
.blog-section .blog-content .meta-item .date-icon i,
.blog-section .blog-content .meta-item .date-icon span,
.blog-section .blog-content .meta-item li,
.blog-section .blog-content .meta-item li a,
.blog-section .blog-content .meta-item li a span {
  color: var(--dr-text-muted) !important;
}

.blog-section .blog-content .meta-item .date-icon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  list-style: none;
}

.blog-section .blog-content .blog-title a {
  color: var(--dr-text) !important;
}

.blog-section .blog-content .blog-title,
.blog-section .blog-content .blog-title a,
.blog-section .blog-content .blog-description,
.blog-section .blog-content .blog-category,
.blog-section .blog-content .blog-category span {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  max-width: 100%;
}

.blog-section .blog-content .blog-title {
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

.blog-section .blog-content .blog-description {
  color: var(--dr-text-muted) !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

.blog-section .blog-content .blog-category span {
  color: var(--dr-accent) !important;
}

@media (max-width: 575.98px) {
  .theme-pagination .page-item.previtem .page-link-text,
  .theme-pagination .page-item.nextlink .page-link-text {
    display: none;
  }

  .theme-pagination .page-item.previtem .page-link,
  .theme-pagination .page-item.nextlink .page-link {
    min-width: 42px;
    padding: 0;
  }
}

html[dir="rtl"] .theme-pagination .previtem i,
html[dir="rtl"] .theme-pagination .nextlink i {
  display: inline-block;
  transform: scaleX(-1);
}

.accordion-button,
.faq-title a {
  padding: 16px 18px !important;
  background: var(--dr-bg-elevated) !important;
  color: var(--dr-text) !important;
  box-shadow: none !important;
}

.accordion-body {
  background: var(--dr-bg-elevated) !important;
  color: var(--dr-text-muted) !important;
}

.nav-tabs .nav-link {
  color: var(--dr-text-muted) !important;
}

.nav-tabs .nav-link.active {
  color: var(--dr-text) !important;
  background: var(--dr-bg-elevated) !important;
  border-color: var(--dr-border) !important;
}

.alert-success { color: #0f5132; }
.alert-danger { color: #842029; }
.alert-warning { color: #664d03; }
.alert-info { color: #055160; }

html[data-theme="dark"] .alert-success { background: #163226; color: #b7f0ce; border-color: #1f4d38; }
html[data-theme="dark"] .alert-danger { background: #3a1a1d; color: #ffc9cd; border-color: #5c2b31; }
html[data-theme="dark"] .alert-warning { background: #3a2e12; color: #ffe8a3; border-color: #5c4a1d; }
html[data-theme="dark"] .alert-info { background: #12333d; color: #b9e6f2; border-color: #1d4d5c; }

.banner-section-four .banner-img .amount-icon,
.amount-icon {
  width: auto !important;
  height: auto !important;
  border-radius: 14px !important;
  padding: 10px 14px;
  background: var(--dr-accent) !important;
  transform: none !important;
  writing-mode: horizontal-tb;
  direction: ltr;
}

.amount-icon .day-amt {
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  transform: none !important;
}

.amount-icon .day-amt p,
.amount-icon .day-amt h6,
.amount-icon .day-amt h6 span {
  color: #ffffff !important;
  transform: none !important;
}

/* ------------------------------------------------------------------
   9. Third-party: Select2, Datatables, datetimepicker, ion, fancybox
   ------------------------------------------------------------------ */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background: var(--dr-input) !important;
  border: 1px solid var(--dr-border) !important;
  color: var(--dr-text) !important;
  min-height: var(--dr-input-height, 48px) !important;
  border-radius: var(--dr-input-radius, 12px) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--multiple {
  border-color: var(--dr-accent) !important;
  box-shadow: 0 0 0 3px var(--dr-focus) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--dr-text) !important;
  line-height: 46px !important;
  padding-inline-start: 16px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px !important;
  inset-inline-end: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--dr-text-muted) transparent transparent transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--dr-placeholder) !important;
}

.select2-dropdown,
.select2-container--default .select2-results__option {
  background: var(--dr-bg-elevated) !important;
  color: var(--dr-text) !important;
  border-color: var(--dr-border) !important;
}

.select2-dropdown {
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: var(--dr-shadow);
  border: 1px solid var(--dr-border) !important;
  z-index: 99999 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected {
  background: var(--dr-bg-muted) !important;
  color: var(--dr-accent) !important;
}

.select2-search__field {
  background: var(--dr-input) !important;
  color: var(--dr-text) !important;
  border: 1px solid var(--dr-border) !important;
  border-radius: 8px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
}

/* Banner hero: Select2 stays transparent like the rest of the search bar */
.banner-section-four .banner-search .select2-container {
  width: 100% !important;
}

.banner-section-four .banner-search .select2-container--default .select2-selection--single {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  min-height: 48px !important;
}

.banner-section-four .banner-search .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
  padding-inline-start: 0 !important;
}

.banner-section-four .banner-search .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}

.banner-section-four .banner-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: rgba(255, 255, 255, 0.75) transparent transparent transparent !important;
}

.bootstrap-datetimepicker-widget,
.bootstrap-datetimepicker-widget table,
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th,
.daterangepicker,
.datepicker,
.datepicker table {
  background: var(--dr-bg-elevated) !important;
  color: var(--dr-text) !important;
  border-color: var(--dr-border) !important;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.datepicker table tr td.day:hover {
  background: var(--dr-bg-muted) !important;
  color: var(--dr-accent) !important;
}

.dataTables_wrapper,
.dataTables_filter input,
.dataTables_length select,
.dt-container {
  color: var(--dr-text) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--dr-text) !important;
}

html[data-theme="dark"] .irs,
html[data-theme="dark"] .irs-line,
html[data-theme="dark"] .irs-bar,
html[data-theme="dark"] .irs-grid-text {
  color: var(--dr-text-muted);
}

html[data-theme="dark"] .fancybox__container,
html[data-theme="dark"] .fancybox-bg {
  background: rgba(8, 10, 14, 0.88);
}

html[data-theme="dark"] .fc,
html[data-theme="dark"] .fc-theme-standard td,
html[data-theme="dark"] .fc-theme-standard th,
html[data-theme="dark"] .fc-scrollgrid {
  background: var(--dr-bg-elevated) !important;
  color: var(--dr-text) !important;
  border-color: var(--dr-border) !important;
}

/* Flatpickr — clean custom theme (no material_orange) */
.dr-datetime-wrap {
  position: relative;
  width: 100%;
}

.dr-datetime-wrap .dr-datetime,
.dr-datetime-wrap .dr-datetime-display,
input.dr-datetime.dr-datetime-display,
input.dr-datetime.form-control {
  cursor: pointer !important;
  background-color: var(--dr-input) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235b6578' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 18px !important;
  padding-inline-end: 44px !important;
}

html[dir="rtl"] .dr-datetime-wrap .dr-datetime,
html[dir="rtl"] input.dr-datetime.dr-datetime-display,
html[dir="rtl"] input.dr-datetime.form-control {
  background-position: left 14px center !important;
}

html[data-theme="dark"] .dr-datetime-wrap .dr-datetime,
html[data-theme="dark"] input.dr-datetime.dr-datetime-display {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b7c1d0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;
}

.flatpickr-calendar {
  width: 320px !important;
  max-width: calc(100vw - 24px) !important;
  padding: 12px 12px 8px !important;
  background: var(--dr-bg-elevated) !important;
  border: 1px solid var(--dr-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 40px rgba(16, 24, 40, 0.14) !important;
  font-family: inherit !important;
  direction: inherit;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  display: none !important;
}

.flatpickr-months {
  position: relative;
  align-items: center;
  padding: 4px 4px 10px !important;
  background: transparent !important;
}

.flatpickr-months .flatpickr-month {
  height: 40px !important;
  background: transparent !important;
  color: var(--dr-text) !important;
  overflow: visible !important;
}

.flatpickr-current-month {
  left: 50% !important;
  right: auto !important;
  width: auto !important;
  max-width: 70% !important;
  padding-top: 6px !important;
  transform: translateX(-50%);
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--dr-text) !important;
  overflow: visible !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  color: var(--dr-text) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  padding: 2px 4px !important;
  border-radius: 8px !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.flatpickr-current-month input.cur-year:hover {
  background: var(--dr-bg-muted) !important;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  top: 6px !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 10px !important;
  fill: var(--dr-text-muted) !important;
  color: var(--dr-text-muted) !important;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  background: var(--dr-bg-muted) !important;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--dr-accent) !important;
}

.flatpickr-weekdays {
  height: 36px !important;
  background: transparent !important;
}

span.flatpickr-weekday {
  color: var(--dr-text-muted) !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  background: transparent !important;
}

.flatpickr-days {
  width: 100% !important;
}

.dayContainer {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

.flatpickr-day {
  max-width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  margin: 1px 0 !important;
  border-radius: 12px !important;
  border: 0 !important;
  color: var(--dr-text) !important;
  font-weight: 600 !important;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
  color: var(--dr-placeholder) !important;
  opacity: 0.55;
}

.flatpickr-day:hover,
.flatpickr-day:focus {
  background: var(--dr-bg-muted) !important;
  color: var(--dr-accent) !important;
  border: 0 !important;
}

.flatpickr-day.today {
  background: color-mix(in srgb, var(--dr-accent) 12%, transparent) !important;
  color: var(--dr-accent) !important;
  border: 0 !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover,
.flatpickr-day.today.selected {
  background: var(--dr-accent) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 6px 14px color-mix(in srgb, var(--dr-accent) 35%, transparent);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: var(--dr-placeholder) !important;
  opacity: 0.35;
  background: transparent !important;
}

.flatpickr-time {
  max-height: none !important;
  height: auto !important;
  margin-top: 10px !important;
  padding: 12px 8px 10px !important;
  border-top: 1px solid var(--dr-border) !important;
  background: transparent !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.flatpickr-time::before {
  content: none;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: auto !important;
}

.flatpickr-time .numInputWrapper {
  width: 64px !important;
  height: 44px !important;
  flex: 0 0 64px !important;
  position: relative;
  background: var(--dr-bg-muted) !important;
  border: 1px solid var(--dr-border) !important;
  border-radius: 12px !important;
  overflow: hidden;
}

.flatpickr-time .numInputWrapper:hover {
  border-color: color-mix(in srgb, var(--dr-accent) 40%, var(--dr-border)) !important;
}

.flatpickr-time input.numInput,
.flatpickr-time input.flatpickr-hour,
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  width: 100% !important;
  height: 44px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 18px 0 8px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--dr-text) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 44px !important;
  text-align: center !important;
  box-shadow: none !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

html[dir="rtl"] .flatpickr-time input.numInput,
html[dir="rtl"] .flatpickr-time input.flatpickr-hour,
html[dir="rtl"] .flatpickr-time input.flatpickr-minute {
  padding: 0 8px 0 18px !important;
}

.flatpickr-time input::-webkit-outer-spin-button,
.flatpickr-time input::-webkit-inner-spin-button,
.flatpickr-calendar input::-webkit-outer-spin-button,
.flatpickr-calendar input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
  display: none !important;
}

.flatpickr-time .flatpickr-time-separator {
  color: var(--dr-text-muted) !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  line-height: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center;
}

.flatpickr-time .numInputWrapper span.arrowUp,
.flatpickr-time .numInputWrapper span.arrowDown {
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  width: 18px !important;
  height: 50% !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0.55;
  background: transparent !important;
}

html[dir="rtl"] .flatpickr-time .numInputWrapper span.arrowUp,
html[dir="rtl"] .flatpickr-time .numInputWrapper span.arrowDown {
  left: 0 !important;
  right: auto !important;
}

.flatpickr-time .numInputWrapper span.arrowUp {
  top: 0 !important;
}

.flatpickr-time .numInputWrapper span.arrowDown {
  bottom: 0 !important;
}

.flatpickr-time .numInputWrapper span.arrowUp:hover,
.flatpickr-time .numInputWrapper span.arrowDown:hover {
  opacity: 1;
  background: color-mix(in srgb, var(--dr-accent) 12%, transparent) !important;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: var(--dr-text-muted) !important;
  top: 60% !important;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: var(--dr-text-muted) !important;
  top: 35% !important;
}

.flatpickr-current-month {
  width: auto !important;
  max-width: calc(100% - 80px) !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.flatpickr-current-month span.cur-month,
.flatpickr-current-month input.cur-year {
  display: inline-block !important;
  font-weight: 700 !important;
  color: var(--dr-text) !important;
}

.flatpickr-current-month input.cur-year {
  width: 4.2ch !important;
  min-width: 4.2ch !important;
  padding: 0 !important;
  pointer-events: none;
}

.banner-section-four .banner-search .dr-datetime,
.banner-section-four .banner-search .dr-datetime-display,
.banner-section-four .banner-search .flatpickr-input,
.banner-section-four .banner-search select.form-control,
.banner-section-four .banner-search select {
  background-color: transparent !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-size: 0 !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: none !important;
  padding-inline-end: 16px !important;
}

.banner-section-four .banner-search .dr-datetime::placeholder,
.banner-section-four .banner-search .dr-datetime-display::placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* ------------------------------------------------------------------
   10. Realtime / notifications / chat
   ------------------------------------------------------------------ */
html[data-theme="dark"] .dr-notif-item {
  border-bottom-color: var(--dr-border) !important;
  color: var(--dr-text) !important;
}

html[data-theme="dark"] .dr-notif-item:hover {
  background: var(--dr-bg-muted) !important;
}

html[data-theme="dark"] .dr-notif-item.is-unread {
  background: #2a2118 !important;
}

html[data-theme="dark"] .dr-notif-title,
html[data-theme="dark"] .dr-notif-text,
html[data-theme="dark"] .dr-chat-header strong,
html[data-theme="dark"] .dr-chat-empty {
  color: var(--dr-text) !important;
}

html[data-theme="dark"] .dr-notif-icon {
  background: var(--dr-bg-muted) !important;
  color: var(--dr-accent-2) !important;
}

/* ------------------------------------------------------------------
   11. Login submit: outline-light must stay readable
   ------------------------------------------------------------------ */
html[data-theme="light"] .login-auth .btn-outline-light,
html[data-theme="dark"] .login-auth .btn-outline-light {
  background: var(--dr-accent) !important;
  border-color: var(--dr-accent) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html[data-theme="light"] .login-auth .btn-outline-light:hover,
html[data-theme="dark"] .login-auth .btn-outline-light:hover {
  background: var(--dr-accent-hover) !important;
  border-color: var(--dr-accent-hover) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .custom_check,
html[data-theme="dark"] .custom_check span,
html[data-theme="dark"] .login-auth .forgot-link,
html[data-theme="dark"] .login-auth .dont-have,
html[data-theme="dark"] .login-auth .account-subtitle,
html[data-theme="dark"] .login-auth .sign-group a {
  color: var(--dr-text-muted) !important;
}

.login-wrapper {
  padding-top: 48px !important;
}

.login-wrapper .loginbox .login-auth {
  padding: 32px !important;
}

.login-auth .input-block {
  margin-bottom: 18px !important;
}

@media (max-width: 767.98px) {
  .banner-section-four .banner-search,
  .banner-section-four .banner-search .form-block {
    padding: 14px !important;
    border-radius: 16px !important;
  }

  .banner-section-four .banner-search .search-btn .btn {
    width: 100% !important;
    height: 52px !important;
    border-radius: 12px !important;
  }

  .search-box-banner {
    padding: 20px !important;
  }
}

html[data-theme="dark"] .login-wrapper,
html[data-theme="dark"] .log-footer {
  background: var(--dr-bg) !important;
}

html[data-theme="dark"] .login-wrapper .loginbox .span-or,
html[data-theme="dark"] .login-wrapper .loginbox .span-or-log,
html[data-theme="dark"] .login-wrapper .loginbox .social-login a {
  background: var(--dr-bg-muted) !important;
  color: var(--dr-text) !important;
  border-color: var(--dr-border) !important;
}

html[data-theme="dark"] .settings-widget .settings-menu ul li a {
  background: var(--dr-bg-muted) !important;
  color: var(--dr-text) !important;
}

html[data-theme="dark"] .dr-chat-shell,
html[data-theme="dark"] .dr-chat-sidebar,
html[data-theme="dark"] .dr-chat-header,
html[data-theme="dark"] .dr-chat-composer,
html[data-theme="dark"] .dr-push-banner,
html[data-theme="dark"] .dr-chat-search {
  background: var(--dr-bg-elevated) !important;
  border-color: var(--dr-border) !important;
  color: var(--dr-text) !important;
}

html[data-theme="dark"] .dr-chat-thread {
  background: var(--dr-bg) !important;
}

html[data-theme="dark"] .dr-chat-item-name,
html[data-theme="dark"] .dr-chat-back,
html[data-theme="dark"] .dr-push-banner p,
html[data-theme="dark"] .dr-chat-item-preview,
html[data-theme="dark"] .dr-chat-item-time,
html[data-theme="dark"] .dr-chat-empty,
html[data-theme="dark"] .dr-chat-placeholder {
  color: var(--dr-text) !important;
}

html[data-theme="dark"] .dr-bubble.is-theirs {
  background: var(--dr-bg-muted) !important;
  color: var(--dr-text) !important;
  border-color: var(--dr-border) !important;
}

html[data-theme="dark"] .dr-chat-item:hover,
html[data-theme="dark"] .dr-chat-item.is-active {
  background: var(--dr-bg-muted) !important;
}

html[data-theme="dark"] .toggle-password,
html[data-theme="dark"] .pass-group .toggle-password {
  color: var(--dr-text-muted) !important;
}

.partner-hero {
  position: relative;
  overflow: hidden;
  padding: 48px 0 56px;
  background:
    radial-gradient(1200px 420px at 10% -10%, color-mix(in srgb, var(--dr-accent) 28%, transparent), transparent 60%),
    radial-gradient(900px 380px at 95% 0%, color-mix(in srgb, var(--dr-accent-2) 22%, transparent), transparent 55%),
    linear-gradient(180deg, var(--dr-bg-elevated), var(--dr-bg));
}

.partner-hero-glow {
  position: absolute;
  inset: auto -80px -120px auto;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--dr-accent) 18%, transparent);
  filter: blur(40px);
}

.partner-crumbs,
.partner-kicker,
.partner-lead {
  color: var(--dr-text-muted);
}

.partner-crumbs {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 18px;
  font-size: 13px;
}

.partner-crumbs a {
  color: var(--dr-text);
}

.partner-kicker {
  display: inline-block;
  margin-bottom: 10px;
  padding: 6px 12px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--dr-accent) 12%, var(--dr-bg-elevated));
  color: var(--dr-accent);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 12px;
}

.partner-hero h1 {
  max-width: 720px;
  margin: 0 0 12px;
  color: var(--dr-text);
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 800;
  line-height: 1.15;
}

.partner-lead {
  max-width: 640px;
  font-size: 1.05rem;
  margin-bottom: 24px;
}

.partner-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 28px;
}

.partner-btn-primary,
.partner-plans .btn.partner-btn-primary,
.partner-hero .btn.partner-btn-primary {
  background: var(--dr-accent) !important;
  color: var(--dr-accent-fg) !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 12px 22px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.partner-btn-primary:hover,
.partner-plans .btn.partner-btn-primary:hover {
  background: var(--dr-accent-hover) !important;
  color: var(--dr-accent-fg) !important;
}

.partner-btn-ghost {
  background: transparent !important;
  color: var(--dr-text) !important;
  border: 1px solid var(--dr-border) !important;
  border-radius: 14px !important;
  padding: 12px 22px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.partner-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 760px;
}

.partner-stats div {
  padding: 16px 18px;
  border-radius: 16px;
  background: color-mix(in srgb, var(--dr-bg-elevated) 86%, transparent);
  border: 1px solid var(--dr-border);
  backdrop-filter: blur(10px);
}

.partner-stats strong {
  display: block;
  font-size: 1.5rem;
  color: var(--dr-text);
}

.partner-stats span {
  color: var(--dr-text-muted);
  font-size: 13px;
}

.partner-plans {
  padding-top: 24px;
}

.partner-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}

.partner-steps span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--dr-bg-muted);
  color: var(--dr-text);
  font-weight: 600;
  font-size: 13px;
}

.partner-steps i {
  color: var(--dr-accent);
}

.partner-head {
  text-align: center;
  margin-bottom: 28px;
}

.partner-billing-toggle {
  display: inline-flex;
  margin-top: 18px;
  padding: 4px;
  border-radius: 999px;
  background: var(--dr-bg-muted);
  border: 1px solid var(--dr-border);
  gap: 4px;
}

.partner-billing-toggle button {
  border: 0;
  background: transparent;
  color: var(--dr-text-muted);
  border-radius: 999px;
  padding: 8px 18px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.partner-billing-toggle button.is-active {
  background: var(--dr-accent);
  color: var(--dr-accent-fg);
}

.partner-head h2,
.partner-panel h3,
.partner-plan-card h3 {
  color: var(--dr-text);
}

.partner-head p {
  color: var(--dr-text-muted);
  margin: 8px 0 0;
}

.partner-plan-card,
.partner-panel {
  background: var(--dr-bg-elevated);
  border: 1px solid var(--dr-border);
  border-radius: 24px;
  box-shadow: var(--dr-shadow);
}

.partner-plan-card {
  position: relative;
  height: 100%;
  padding: 28px 24px;
  overflow: hidden;
  transition: transform 0.25s ease, border-color 0.25s ease;
}

.partner-plan-card:hover {
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--dr-accent) 45%, var(--dr-border));
}

.partner-plan-card.is-popular {
  border-color: var(--dr-accent);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--dr-accent) 10%, var(--dr-bg-elevated)), var(--dr-bg-elevated));
}

.partner-plan-card.is-free {
  border-color: color-mix(in srgb, #16a34a 40%, var(--dr-border));
}

.partner-badge {
  position: absolute;
  top: 16px;
  inset-inline-end: 16px;
  background: var(--dr-accent);
  color: var(--dr-accent-fg);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
}

.partner-badge-free {
  background: #16a34a;
  color: #fff;
}

.partner-plan-card header p {
  color: var(--dr-text-muted);
  min-height: 44px;
}

.partner-plan-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 16px 0 18px;
}

.partner-plan-price strong {
  font-size: 2rem;
  color: var(--dr-text);
}

.partner-plan-price span,
.partner-plan-features em {
  color: var(--dr-text-muted);
  font-style: normal;
}

.partner-plan-features {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.partner-plan-card .partner-plan-features {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-inline-end: 8px;
  margin-inline-end: -2px;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--dr-accent) 55%, var(--dr-border)) transparent;
}

.partner-plan-card .partner-plan-features::-webkit-scrollbar {
  width: 6px;
}

.partner-plan-card .partner-plan-features::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}

.partner-plan-card .partner-plan-features::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--dr-accent) 45%, var(--dr-border));
  border-radius: 999px;
  border: 1px solid transparent;
  background-clip: padding-box;
}

.partner-plan-card .partner-plan-features::-webkit-scrollbar-thumb:hover {
  background: var(--dr-accent);
}

.partner-checkout-summary .partner-plan-features {
  max-height: none !important;
  overflow: visible !important;
}

.partner-plan-features li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 7px 0;
  color: var(--dr-text);
  border-bottom: 1px dashed color-mix(in srgb, var(--dr-border) 70%, transparent);
}

.partner-plan-features li:last-child {
  border-bottom: 0;
}

.partner-plan-features i {
  color: var(--dr-success);
  font-size: 12px;
  margin-top: 4px;
  flex: 0 0 auto;
}

.partner-plan-features em {
  color: var(--dr-text-muted);
  font-style: normal;
  margin-inline-start: 4px;
}

.partner-check {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  pointer-events: none;
}

.partner-check-ui {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border: 2px solid var(--dr-border);
  border-radius: 7px;
  background: var(--dr-input);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
  margin-top: 2px;
}

.partner-check-ui::after {
  content: "";
  width: 10px;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg) scale(0);
  transition: transform 0.15s ease;
  margin-top: -2px;
}

.partner-feature:has(.partner-check:checked) .partner-check-ui,
.partner-qty-toggle:has(.partner-check:checked) .partner-check-ui,
.partner-check:checked + .partner-check-ui {
  background: var(--dr-accent);
  border-color: var(--dr-accent);
  box-shadow: 0 0 0 3px var(--dr-focus);
}

.partner-feature:has(.partner-check:checked) .partner-check-ui::after,
.partner-qty-toggle:has(.partner-check:checked) .partner-check-ui::after,
.partner-check:checked + .partner-check-ui::after {
  transform: rotate(-45deg) scale(1);
}

.partner-wizard-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px;
}

.partner-wizard-steps span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--dr-bg-muted);
  color: var(--dr-text-muted);
  font-weight: 600;
  font-size: 13px;
}

.partner-wizard-steps span.is-active {
  background: color-mix(in srgb, var(--dr-accent) 16%, var(--dr-bg-elevated));
  color: var(--dr-text);
  border: 1px solid color-mix(in srgb, var(--dr-accent) 40%, var(--dr-border));
}

.partner-wizard-steps span.is-done {
  color: var(--dr-success);
}

.partner-pay-box {
  padding: 16px;
  border: 1px solid var(--dr-border);
  border-radius: 16px;
  background: var(--dr-bg);
}

.partner-pay-box h4 {
  margin-bottom: 12px;
  color: var(--dr-text);
}

.partner-checkout .partner-panel h2 {
  font-size: 1.6rem;
  margin-bottom: 8px;
}

.partner-panel {
  padding: 24px;
}

.partner-panel-label {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--dr-accent);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.partner-panel-hint,
.partner-fleet > p {
  color: var(--dr-text-muted);
}

.partner-included {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}

.partner-included li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--dr-bg-muted);
  color: var(--dr-text);
}

.partner-included i,
.partner-included span {
  color: var(--dr-accent);
}

.partner-stepper {
  display: inline-flex !important;
  align-items: stretch !important;
  height: 42px !important;
  border: 1px solid var(--dr-border) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: var(--dr-bg-muted) !important;
  padding: 0 !important;
  gap: 0 !important;
  vertical-align: middle;
}

.partner-stepper-lg {
  margin-top: 12px;
  height: 52px !important;
}

.partner-stepper-btn {
  width: 42px !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--dr-bg-muted) !important;
  color: var(--dr-text) !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer;
  user-select: none;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

.partner-stepper-btn:hover {
  background: var(--dr-accent) !important;
  color: #fff !important;
}

.partner-stepper input,
.partner-stepper input[type="number"],
.partner-stepper input.form-control {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-inline: 1px solid var(--dr-border) !important;
  border-radius: 0 !important;
  text-align: center !important;
  background: var(--dr-input) !important;
  background-image: none !important;
  color: var(--dr-text) !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  box-shadow: none !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

.partner-stepper input:hover,
.partner-stepper input:focus,
.partner-stepper input:focus-visible,
.partner-stepper input[type="number"]:hover,
.partner-stepper input[type="number"]:focus {
  border-color: var(--dr-border) !important;
  border-inline-color: var(--dr-border) !important;
  box-shadow: none !important;
  outline: none !important;
  background: var(--dr-input) !important;
}

.partner-stepper input::-webkit-outer-spin-button,
.partner-stepper input::-webkit-inner-spin-button,
.partner-stepper input[type="number"]::-webkit-outer-spin-button,
.partner-stepper input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
  display: none !important;
  height: 0 !important;
  width: 0 !important;
}

.partner-stepper-lg .partner-stepper-btn {
  width: 52px !important;
}

.partner-stepper-lg input,
.partner-stepper-lg input[type="number"] {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  font-size: 1.25rem !important;
}

.partner-qty-list {
  display: grid;
  gap: 12px;
}

.partner-qty-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px !important;
  border: 1px solid var(--dr-border);
  border-radius: 16px;
  background: var(--dr-bg);
}

.partner-qty-row.is-on {
  border-color: color-mix(in srgb, var(--dr-accent) 50%, var(--dr-border));
  background: color-mix(in srgb, var(--dr-accent) 6%, var(--dr-bg-elevated));
}

.partner-qty-toggle {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0;
  cursor: pointer;
  position: relative;
}

.partner-qty-toggle small,
.partner-qty-line {
  display: block;
  color: var(--dr-text-muted);
}

.partner-qty-line {
  min-width: 88px;
  text-align: end;
  font-weight: 700;
  color: var(--dr-text) !important;
}

.partner-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
}

.partner-feature {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 14px;
  border: 1px solid var(--dr-border);
  border-radius: 16px;
  background: var(--dr-bg);
  color: var(--dr-text);
  cursor: pointer;
  position: relative;
}

.partner-feature.is-on,
.partner-feature:has(input:checked) {
  border-color: color-mix(in srgb, var(--dr-accent) 50%, var(--dr-border));
  background: color-mix(in srgb, var(--dr-accent) 6%, var(--dr-bg-elevated));
}

.partner-feature strong {
  display: block;
  color: var(--dr-accent);
}

.partner-summary {
  position: sticky;
  top: 96px;
}

.partner-period {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.partner-period label {
  margin: 0;
  padding: 10px;
  text-align: center;
  border: 1px solid var(--dr-border);
  border-radius: 12px;
  cursor: pointer;
  color: var(--dr-text);
}

.partner-period label.is-on,
.partner-period label:has(input:checked) {
  border-color: var(--dr-accent);
  background: color-mix(in srgb, var(--dr-accent) 10%, var(--dr-bg-elevated));
  font-weight: 700;
}

.partner-period input {
  display: none;
}

.partner-lines {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
  max-height: 220px;
  overflow: auto;
}

.partner-lines li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid var(--dr-border);
  color: var(--dr-text);
}

.partner-lines small {
  display: block;
  color: var(--dr-text-muted);
}

.partner-grand-total {
  font-size: 1.25rem;
  color: var(--dr-text);
}

.partner-transfer {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
}

.partner-transfer li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  color: var(--dr-text);
}

.partner-transfer span {
  color: var(--dr-text-muted);
}

.partner-ready-form,
.partner-custom-form,
.partner-account {
  text-align: start;
}

@media (max-width: 767.98px) {
  .partner-stats,
  .partner-qty-row {
    grid-template-columns: 1fr;
  }

  .partner-qty-line {
    text-align: start;
  }

  .partner-summary {
    position: static;
  }
}

html[data-theme="dark"] .partner-plan-card,
html[data-theme="dark"] .partner-panel,
html[data-theme="dark"] .partner-feature,
html[data-theme="dark"] .partner-qty-row,
html[data-theme="dark"] .partner-stats div {
  background: var(--dr-bg-elevated) !important;
  border-color: var(--dr-border) !important;
  color: var(--dr-text) !important;
}

/* Homepage: recommended cars = 2 / testimonials = 3 */
.popular-section-four .car-slider .car-item {
  text-align: center;
  padding: 8px 12px 20px;
}

.popular-section-four .car-slider .car-item h2.display-1 {
  font-size: clamp(1.35rem, 2.2vw, 2rem) !important;
  line-height: 1.25 !important;
  margin-bottom: 12px !important;
}

.popular-section-four .car-slider .car-item h6 {
  font-size: 0.95rem;
  margin-bottom: 6px;
}

.popular-section-four .car-slider .car-img {
  margin: 0 auto 16px;
  max-width: 100%;
}

.popular-section-four .car-slider .car-img img {
  max-height: 220px;
  width: auto;
  margin: 0 auto;
  object-fit: contain;
}

.popular-section-four .car-slider .owl-nav,
.testimonial-home-slider.owl-carousel .owl-nav {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 8px;
}

.popular-section-four .car-slider .owl-nav button,
.testimonial-home-slider.owl-carousel .owl-nav button {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: var(--dr-bg-elevated) !important;
  border: 1px solid var(--dr-border) !important;
  color: var(--dr-text) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}

.popular-section-four .car-slider .owl-nav button:hover,
.testimonial-home-slider.owl-carousel .owl-nav button:hover {
  background: var(--dr-accent) !important;
  border-color: var(--dr-accent) !important;
  color: #fff !important;
}

.testimonial-home-slider {
  margin-bottom: 28px;
}

.testimonial-home-slider .testimonial-slide {
  height: 100%;
  padding: 4px 2px 12px;
}

.testimonial-home-slider .testimonial-item {
  width: 100%;
  height: 100%;
  margin: 0 !important;
}

.testimonial-home-slider .owl-dots {
  text-align: center;
  margin-top: 8px;
}

.testimonial-home-slider .owl-dots .owl-dot span {
  background: var(--dr-border) !important;
}

.testimonial-home-slider .owl-dots .owl-dot.active span,
.testimonial-home-slider .owl-dots .owl-dot:hover span {
  background: var(--dr-accent) !important;
}

@media (max-width: 767.98px) {
  .popular-section-four .car-slider .car-img img {
    max-height: 180px;
  }
}