/* ══════════════════════════════════════════════════════════
   MACCHINAA — LIGHT MODE OVERRIDE
   Active when html[data-theme="light"]
   Overrides the dark theme from macchina_new_design.css
══════════════════════════════════════════════════════════ */

/* ─── 1. ROOT COLOR VARIABLES ─── */
html[data-theme="light"] {
  --fristColor:  #FF6500;
  --secondColor: #ffffff;
  --thirdColor:  #16a34a;
  --fourthColor: #FF6500;
  --orange:      #FF6500;
  --orange2:     #FF8C00;
  --orange3:     #e55800;
  --dark-bg:     #f5f5f7;
  --dark-bg2:    #ffffff;
  --dark-bg3:    #f0f0f2;
  --dark-border: rgba(0,0,0,0.08);
}

/* ─── 2. BODY ─── */
html[data-theme="light"] body {
  background-color: #f5f5f7 !important;
  color: #1a1a2e !important;
}

/* ─── 3. MAIN HEADER ─── */
html[data-theme="light"] .main-header {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .header-lower {
  background: #ffffff !important;
}
html[data-theme="light"] .header-lower.is-fixed,
html[data-theme="light"] .header-lower.is-small {
  background: #ffffff !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

/* ─── 4. MAIN NAV LINKS ─── */
html[data-theme="light"] .main-menu .navigation > li > a {
  color: #555 !important;
}
html[data-theme="light"] .main-menu .navigation > li > a:hover,
html[data-theme="light"] .main-menu .navigation > li.current > a {
  color: #FF6500 !important;
}

/* Nav dropdown */
html[data-theme="light"] .main-menu .navigation .dropdown2 > ul,
html[data-theme="light"] .main-menu .navigation .dropdown2 ul,
html[data-theme="light"] .main-header .main-menu .navigation > li > ul {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
}
html[data-theme="light"] .main-menu .navigation .dropdown2 > ul > li > a,
html[data-theme="light"] .main-menu .navigation .dropdown2 ul li a {
  color: #555 !important;
}
html[data-theme="light"] .main-menu .navigation .dropdown2 > ul > li > a:hover,
html[data-theme="light"] .main-menu .navigation .dropdown2 ul li a:hover {
  color: #FF6500 !important;
  background: rgba(255,101,0,0.05) !important;
}

/* ─── 5. BUTTONS — keep orange gradients as-is ─── */

/* ─── 6. LIVE AUCTION INDICATOR ─── */
html[data-theme="light"] .live-auction-indicator {
  background: rgba(229,62,62,0.06) !important;
  border-color: rgba(229,62,62,0.18) !important;
  color: #dc2626 !important;
}

/* ─── 7. USER DROPDOWN ─── */
html[data-theme="light"] .box-avatar .name {
  color: #333 !important;
}
html[data-theme="light"] .dropdown-menu.dashboard-menu {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
}
html[data-theme="light"] .dropdown-menu.dashboard-menu .dropdown-item {
  color: #555 !important;
}
html[data-theme="light"] .dropdown-menu.dashboard-menu .dropdown-item:hover {
  background: rgba(0,0,0,0.04) !important;
  color: #FF6500 !important;
}

/* ─── 8. HEADER STAT PILLS ─── */
html[data-theme="light"] .flat-bt-top .btn {
  background: rgba(0,0,0,0.04) !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #555 !important;
}
html[data-theme="light"] .flat-bt-top .btn:hover {
  background: rgba(0,0,0,0.07) !important;
}

/* ─── 9. LANG DROPDOWN ─── */
html[data-theme="light"] #langDropdownBtn {
  background: rgba(0,0,0,0.04) !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #555 !important;
}
html[data-theme="light"] #langDropdown {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] #langDropdown .dropdown-item {
  color: #555 !important;
}
html[data-theme="light"] #langDropdown .dropdown-item:hover {
  background: rgba(0,0,0,0.04) !important;
  color: #FF6500 !important;
}

/* ─── 10. MOBILE MENU ─── */
html[data-theme="light"] .mobile-menu .menu-box {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] .mobile-menu .menu-box .list-group-item {
  background: #f5f5f7 !important;
  color: #333 !important;
  border-color: rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .mobile-menu .menu-box .list-group-item:hover {
  background: rgba(0,0,0,0.04) !important;
  color: #FF6500 !important;
}
html[data-theme="light"] .mobile-menu .user-profile-card {
  background: rgba(0,0,0,0.02) !important;
  border-color: rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] .mobile-menu .user-info h6 {
  color: #333 !important;
}
/* Mobile menu sidebar links */
html[data-theme="light"] .mobile-menu .db-list-menu ul li a {
  color: #555 !important;
}
html[data-theme="light"] .mobile-menu .db-list-menu ul li a:hover,
html[data-theme="light"] .mobile-menu .db-list-menu ul li a.active {
  color: #FF6500 !important;
}

/* ─── 11. HERO SECTION ─── */
html[data-theme="light"] .hero-section {
  background-color: #eaeaef;
}
html[data-theme="light"] .hero-title {
  color: #1a1a2e !important;
}
html[data-theme="light"] .hero-title small {
  color: #666;
}
html[data-theme="light"] .hero-subtitle {
  color: rgba(26,26,46,0.75) !important;
}

/* ─── 12. AUCTION CARDS ─── */
html[data-theme="light"] .auction-card {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] .auction-link {
  color: #333 !important;
}
html[data-theme="light"] .auction-link:hover {
  color: #FF6500 !important;
}
html[data-theme="light"] .auction-title.active .auction-link {
  color: #FF6500 !important;
}
html[data-theme="light"] .auction-badge {
  background: rgba(255,101,0,0.08) !important;
  color: #FF6500 !important;
}
html[data-theme="light"] .auction-timezone,
html[data-theme="light"] .auction-day {
  color: #999 !important;
}

/* ─── 13. CTA FOOTER ─── */
html[data-theme="light"] .cta-text {
  color: #666 !important;
}

/* ─── 14. FILTER SEARCH ─── */
html[data-theme="light"] .flat-filter-search {
  background: #ffffff !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .wd-find-select .form-group-1 input,
html[data-theme="light"] .wd-find-select .nice-select,
html[data-theme="light"] .tf-select select {
  background: #f5f5f7 !important;
  color: #333 !important;
  border-color: rgba(0,0,0,0.1) !important;
}
html[data-theme="light"] .wd-find-select .nice-select .list {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] .wd-find-select .nice-select .option {
  color: #555 !important;
}
html[data-theme="light"] .wd-find-select .nice-select .option:hover,
html[data-theme="light"] .wd-find-select .nice-select .option.selected {
  background: rgba(255,101,0,0.06) !important;
  color: #FF6500 !important;
}
html[data-theme="light"] .flat-filter-search label {
  color: #777 !important;
}

/* ─── 15. SWIPER / OLD HERO ─── */
html[data-theme="light"] #hero {
  background: linear-gradient(rgba(245,245,247,0.9), rgba(245,245,247,0.9)),
    url("../img/hero-bg.png") no-repeat center center !important;
  background-size: cover !important;
}
html[data-theme="light"] #hero h1 {
  color: #1a1a2e !important;
}

/* ─── 16. CAR LISTING SECTION ─── */
html[data-theme="light"] .tf-section,
html[data-theme="light"] .tf-section3 {
  background-color: #f5f5f7 !important;
}
html[data-theme="light"] .heading-section h2,
html[data-theme="light"] .heading-section h3 {
  color: #1a1a2e !important;
}
html[data-theme="light"] .box-car-list {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .box-car-list:hover {
  border-color: rgba(255,101,0,0.2) !important;
  box-shadow: 0 16px 32px rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] .box-car-list .content {
  background: #ffffff !important;
}
html[data-theme="light"] .box-car-list h5 a,
html[data-theme="light"] .box-car-list .link-style-1 a {
  color: #1a1a2e !important;
}
html[data-theme="light"] .box-car-list h5 a:hover,
html[data-theme="light"] .box-car-list .link-style-1 a:hover {
  color: #FF6500 !important;
}
html[data-theme="light"] .box-car-list .icons span {
  color: #888 !important;
}
html[data-theme="light"] .box-car-list .text-address p {
  color: #888 !important;
}
html[data-theme="light"] .flag-tag.style-1 {
  background: rgba(0,0,0,0.05) !important;
  color: #666 !important;
}

/* ─── 17. PARTNER BRANDS SECTION ─── */
html[data-theme="light"] .tf-section3 .partner-item {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .tf-section3 .partner-item:hover {
  border-color: rgba(255,101,0,0.2) !important;
}
html[data-theme="light"] .tf-section3 .title.text-color-2 {
  color: #1a1a2e !important;
}

/* ─── 18. CALCULATOR ─── */
html[data-theme="light"] .loan-calculator {
  background: #f5f5f7 !important;
}
html[data-theme="light"] .loan-calculator .box-title p {
  color: #666 !important;
}
html[data-theme="light"] .loan-calculator fieldset label {
  color: #777 !important;
}
html[data-theme="light"] .loan-calculator .tb-my-input {
  background: #f0f0f2 !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #1a1a2e !important;
}
html[data-theme="light"] .loan-calculator .nice-select {
  background: #f0f0f2 !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #333 !important;
}
html[data-theme="light"] .loan-calculator .nice-select .list {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] .loan-calculator .nice-select .option {
  color: #555 !important;
}
html[data-theme="light"] .loan-calculator .nice-select .option:hover,
html[data-theme="light"] .loan-calculator .nice-select .option.selected {
  background: rgba(255,101,0,0.06) !important;
  color: #FF6500 !important;
}

/* ─── 19. FOOTER — keep dark ─── */
html[data-theme="light"] footer {
  background: #1a1a2e !important;
}
html[data-theme="light"] .footer-bottom {
  background: #141428 !important;
}

/* ─── 20. PRELOADER ─── */
html[data-theme="light"] .preload-container {
  background: #f5f5f7 !important;
}

/* ─── 21. SCROLLBAR ─── */
html[data-theme="light"] ::-webkit-scrollbar-track {
  background: #f0f0f2 !important;
}
html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background-color: #ccc !important;
}

/* ─── 22. MODALS ─── */
html[data-theme="light"] .popup .modal-content {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] .popup .modal-content .form_title {
  color: #1a1a2e !important;
}
html[data-theme="light"] .popup .modal-content label {
  color: #555 !important;
}
html[data-theme="light"] .popup .modal-content .tb-my-input {
  background: #f5f5f7 !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #1a1a2e !important;
}
html[data-theme="light"] .popup .close {
  color: #999 !important;
}
html[data-theme="light"] .popup .close:hover {
  color: #333 !important;
}

/* ─── 25. TEXT COLORS GLOBAL ─── */
html[data-theme="light"] .text-color-1 { color: #1a1a2e !important; }
html[data-theme="light"] .text-color-2 { color: #555 !important; }
html[data-theme="light"] .text-color-3 { color: #888 !important; }

/* ─── 26. CARDS / GENERAL CONTAINERS ─── */
html[data-theme="light"] .wg-box3,
html[data-theme="light"] .form-group.wg-box3 {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
}

/* ─── 27. SEARCH MODAL ─── */
html[data-theme="light"] #search_Modal .modal-content {
  background: rgba(255,255,255,0.97) !important;
  border-color: rgba(0,0,0,0.08) !important;
  backdrop-filter: blur(20px);
}
html[data-theme="light"] .search-field,
html[data-theme="light"] #search_bar_modal {
  background: #f5f5f7 !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #1a1a2e !important;
}

/* ─── LOGO BANNERS SECTION ─── */
html[data-theme="light"] .logo-banners-section {
  background: linear-gradient(175deg, #f5f5f7 0%, #eaeaef 100%);
}
html[data-theme="light"] .lbs-h2 {
  color: #1a1a2e;
}
html[data-theme="light"] .lbs-p {
  color: #666;
}
html[data-theme="light"] .logo-banner-card {
  border: 2px solid rgba(0,0,0,0.06);
}
html[data-theme="light"] .logo-banner-card:hover {
  border-color: rgba(255,101,0,0.3);
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
html[data-theme="light"] .lbc-foot {
  background: #f5f5f7;
  border-top: 1px solid rgba(0,0,0,0.06);
}
html[data-theme="light"] .lbc-name {
  color: #333;
}

/* ─── SEARCH FILTER BOX ─── */
html[data-theme="light"] .form-sl {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] .text-field,
html[data-theme="light"] input.text-field {
  background: #f5f5f7 !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #1a1a2e !important;
}
html[data-theme="light"] .wrap-icon.trending1 {
  color: #888 !important;
}
html[data-theme="light"] .wrap-icon.trending1 a {
  color: #888 !important;
}

/* ─── CALCULATOR FORM CARD ─── */
html[data-theme="light"] .loan-calculator-form,
html[data-theme="light"] .loan-calculator-form.w-560 {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.08) !important;
  color: #1a1a2e !important;
}
html[data-theme="light"] .loan-calculator-form label,
html[data-theme="light"] .loan-calculator-form .font-1 {
  color: #777 !important;
}
html[data-theme="light"] .loan-calculator-form p,
html[data-theme="light"] .loan-calculator-form span {
  color: #555 !important;
}
html[data-theme="light"] .loan-calculator-form .flex-two span:first-child {
  color: #888 !important;
}
html[data-theme="light"] .loan-calculator-form .flex-two span:last-child {
  color: #1a1a2e !important;
}

/* ─── TF ICON BOX ─── */
html[data-theme="light"] .tf-icon-box.style-1 {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .tf-icon-box.style-1 h5,
html[data-theme="light"] .tf-icon-box.style-1 .title {
  color: #1a1a2e !important;
}
html[data-theme="light"] .tf-icon-box.style-1 p,
html[data-theme="light"] .tf-icon-box.style-1 .sub-title {
  color: #666 !important;
}
html[data-theme="light"] .tf-icon-box.style-1 .icon-box {
  background: rgba(255,101,0,0.08) !important;
  border-color: rgba(255,101,0,0.15) !important;
}

/* ─── TABS ─── */
html[data-theme="light"] .box-tab .menu-tab .item-title {
  border-color: rgba(0,0,0,0.1) !important;
}
html[data-theme="light"] .box-tab .menu-tab .item-title h5,
html[data-theme="light"] .box-tab .menu-tab .item-title .inner {
  color: #555 !important;
}
html[data-theme="light"] .flat-filter-search .menu-tab .item-title .inner {
  color: #555 !important;
}

/* ─── HEADING SECTION ─── */
html[data-theme="light"] .heading-section {
  border-bottom: 1px solid rgba(0,0,0,0.07) !important;
}

/* ─── SECTION BACKGROUNDS ─── */
html[data-theme="light"] .loan-calculator.inner-1.bg-2 {
  background: #f5f5f7 !important;
}

/* ─── OFFCANVAS ─── */
html[data-theme="light"] .offcanvas.offcanvas-bottom {
  background: #ffffff !important;
  border-top: 1px solid rgba(0,0,0,0.08) !important;
  color: #1a1a2e !important;
}

/* ─── INPUT PASSWORD ─── */
html[data-theme="light"] input.input-form.password-input {
  background: #f5f5f7 !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #1a1a2e !important;
}

/* ─── AUTOCOMPLETE ─── */
html[data-theme="light"] .ui-autocomplete.theme3-autocomplete-menu {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] .ui-autocomplete.theme3-autocomplete-menu .ui-menu-item-wrapper {
  color: #555 !important;
}
html[data-theme="light"] .ui-autocomplete.theme3-autocomplete-menu .ui-menu-item-wrapper:hover {
  background: rgba(255,101,0,0.06) !important;
  color: #FF6500 !important;
}

/* ─── HEADER ACCOUNT ICONS ─── */
html[data-theme="light"] .header-account a,
html[data-theme="light"] .header-account i {
  color: #555 !important;
}
html[data-theme="light"] .header-account a:hover,
html[data-theme="light"] .header-account i:hover {
  color: #FF6500 !important;
}

/* ─── CARDS & BOXES (inventory/dashboard) ─── */
html[data-theme="light"] .inv-card,
html[data-theme="light"] .inv-stat,
html[data-theme="light"] .mwb-card,
html[data-theme="light"] .mwb-stat,
html[data-theme="light"] .mab-card,
html[data-theme="light"] .mab-stat {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

/* Text colors for inventory/dashboard */
html[data-theme="light"] .inv-wrap,
html[data-theme="light"] .mwb-wrap,
html[data-theme="light"] .mab-wrap,
html[data-theme="light"] h2,
html[data-theme="light"] .inv-card-title,
html[data-theme="light"] .mwb-card-title,
html[data-theme="light"] .inv-card-meta span b,
html[data-theme="light"] .mwb-card-value {
  color: #1a1a2e !important;
}
html[data-theme="light"] .inv-sub,
html[data-theme="light"] .mwb-sub,
html[data-theme="light"] .inv-card-lot,
html[data-theme="light"] .inv-card-meta span,
html[data-theme="light"] .mwb-card-label,
html[data-theme="light"] .mwb-card-vin {
  color: #666 !important;
}

/* Tab buttons */
html[data-theme="light"] .inv-tab-btn {
  background: #f0f0f2 !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #555 !important;
}
html[data-theme="light"] .inv-tab-btn.active {
  background: linear-gradient(135deg, #FFB838 0%, #FF8C42 100%) !important;
  color: #fff !important;
  border-color: #FFB838 !important;
}

/* ─── DASHBOARD SIDEBAR ─── */
html[data-theme="light"] .sidebar-dashboard {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] .sidebar-dashboard .db-title {
  color: #888 !important;
}
html[data-theme="light"] .sidebar-dashboard .db-author .name,
html[data-theme="light"] .sidebar-dashboard .db-author .author-email {
  color: #333 !important;
}
html[data-theme="light"] .sidebar-dashboard .db-author .author {
  background: linear-gradient(135deg, rgba(255,101,0,0.04), transparent) !important;
  border-color: rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .sidebar-dashboard .db-list-menu ul li a {
  color: #555 !important;
}
html[data-theme="light"] .sidebar-dashboard .db-list-menu ul li a:hover,
html[data-theme="light"] .sidebar-dashboard .db-list-menu ul li a.active {
  color: #FF6500 !important;
}
html[data-theme="light"] .sidebar-dashboard .db-list-menu ul li a svg g {
  opacity: 0.6;
}
/* Logout link stays red-ish */
html[data-theme="light"] .sidebar-dashboard .db-list-menu ul > li:last-child > a {
  color: rgba(220,38,38,0.75) !important;
}
html[data-theme="light"] .sidebar-dashboard .db-list-menu ul > li:last-child > a:hover {
  background: rgba(220,38,38,0.08) !important;
}
/* Admin dashboard link stays gold */
html[data-theme="light"] .sidebar-dashboard .db-list-menu ul li a[href="/administration/"] {
  color: #d97706 !important;
}
html[data-theme="light"] .sidebar-dashboard .db-list-menu ul li a[href="/administration/"]:hover {
  background: rgba(217,119,6,0.08) !important;
}

/* Dashboard content area */
html[data-theme="light"] .container-fluid.position-after-header,
html[data-theme="light"] .position-after-header {
  background: #f5f5f7 !important;
}

/* ─── WIDGET MENU (dashboard sidebar alternate) ─── */
html[data-theme="light"] .widget-menu {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] .widget-menu .box-title,
html[data-theme="light"] .widget-menu .profile-name {
  color: #1a1a2e !important;
}
html[data-theme="light"] .widget-menu .box-title-icon i,
html[data-theme="light"] .widget-menu a {
  color: #555 !important;
}
html[data-theme="light"] .widget-menu a:hover,
html[data-theme="light"] .widget-menu a.active {
  color: #FF6500 !important;
}

/* ─── THEME TOGGLE BUTTON ─── */
html[data-theme="light"] #mac-theme-toggle {
  border-color: rgba(0,0,0,0.15) !important;
  color: #333 !important;
}
html[data-theme="light"] #mac-theme-toggle:hover {
  border-color: #FF6500 !important;
  color: #FF6500 !important;
}

/* ─── DataTables ─── */
html[data-theme="light"] table.dataTable tbody tr {
  background: #ffffff !important;
  color: #1a1a2e !important;
}
html[data-theme="light"] table.dataTable thead th {
  background: #f5f5f7 !important;
  color: #555 !important;
  border-bottom-color: rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] table.dataTable tbody td {
  border-bottom-color: rgba(0,0,0,0.05) !important;
}

/* ─── Select/Input fields ─── */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background: #f8f8fa !important;
  color: #1a1a2e !important;
  border-color: rgba(0,0,0,0.12) !important;
}

/* ─── Inline style overrides (background:#111 etc.) ─── */
html[data-theme="light"] [style*="background:#111"],
html[data-theme="light"] [style*="background: #111"],
html[data-theme="light"] [style*="background:#0a0a"],
html[data-theme="light"] [style*="background: #0a0a"],
html[data-theme="light"] [style*="background-color:#111"],
html[data-theme="light"] [style*="background-color: #111"] {
  background: #ffffff !important;
}
html[data-theme="light"] [style*="color:#f0f0f0"],
html[data-theme="light"] [style*="color: #f0f0f0"],
html[data-theme="light"] [style*="color:#fff"],
html[data-theme="light"] [style*="color: #fff"],
html[data-theme="light"] [style*="color:white"],
html[data-theme="light"] [style*="color: white"] {
  color: #1a1a2e !important;
}

/* ─── Dashboard wrapper ─── */
html[data-theme="light"] #wrapper-dashboard {
  background: #f5f5f7 !important;
}
html[data-theme="light"] #main-content {
  background: #f5f5f7 !important;
}

/* ─── Close button on mobile menu ─── */
html[data-theme="light"] .close-btn {
  color: #333 !important;
}

/* ─── Dashboard overlay ─── */
html[data-theme="light"] .dashboard-overlay {
  background: rgba(0,0,0,0.3) !important;
}

/* ─── Pagination ─── */
html[data-theme="light"] .pagination .page-link {
  background: #ffffff !important;
  color: #555 !important;
  border-color: rgba(0,0,0,0.1) !important;
}
html[data-theme="light"] .pagination .page-item.active .page-link {
  background: #FF6500 !important;
  color: #fff !important;
  border-color: #FF6500 !important;
}

/* ─── SweetAlert2 overrides ─── */
html[data-theme="light"] .swal2-popup {
  background: #ffffff !important;
  color: #1a1a2e !important;
}
html[data-theme="light"] .swal2-title {
  color: #1a1a2e !important;
}
html[data-theme="light"] .swal2-html-container {
  color: #555 !important;
}

/* ─── Car details page ─── */
html[data-theme="light"] .car-details-wrap {
  background: #f5f5f7 !important;
}
html[data-theme="light"] .car-info-box {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
}

/* ─── Smooth transition for theme switch ─── */
html[data-theme="light"] *,
html[data-theme="light"] *::before,
html[data-theme="light"] *::after {
  transition: background-color 0.3s ease, color 0.2s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
/* Exclude elements where transition causes issues */
html[data-theme="light"] .swiper-wrapper,
html[data-theme="light"] .swiper-slide,
html[data-theme="light"] img,
html[data-theme="light"] video {
  transition: none !important;
}