/* ══════════════════════════════════════════════════════════
   MACCHINAA — LIGHT MODE OVERRIDE
   Active when :is(html[data-theme="light"], html.light-mode-preload, body.light-mode)
   Overrides the dark theme from macchina_new_design.css

   ── لوحة الوضع الفاتح: كحلي وعاجي ─────────────────────────
   Tarek, 15 Aug 2026: "في الوضع الفاتح، بدل البرتقالي والأبيض
   نأخذ هذا الأزرق الكحلي والعاجي" — colours only, not the layout.

   So in LIGHT MODE only:
     orange accent  →  deep navy
     white surfaces →  ivory

   Dark mode is untouched: it keeps the orange, which is the brand
   and reads well on near-black.

   White stays white where it is TEXT — five places, all of them a
   label sitting on the accent colour. Blanket-replacing #fff would
   have turned those into ivory-on-navy, which is unreadable, and it
   is the kind of change that looks fine in a diff and wrong on a
   screen.
   ══════════════════════════════════════════════════════════ */

/* ─── 1. ROOT COLOR VARIABLES ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) {
  --fristColor:  #0F2A47;
  --secondColor: #FFFDF8;
  --thirdColor:  #16a34a;
  --fourthColor: #0F2A47;
  --orange:      #0F2A47;
  --orange2:     #1B4A7A;
  --orange3:     #0A1E33;
  /* the gradient partner: amber beside navy reads as a mistake, so the
     gradient becomes navy-to-slate and keeps its direction */
  --accent2:     #1B4A7A;
  --dark-bg:     #FAF6EE;
  --dark-bg2:    #FFFDF8;
  --dark-bg3:    #F3EDE1;
  --dark-border: rgba(0,0,0,0.08);
}

/* ─── 2. BODY ─── */
:is(html[data-theme="light"] body, html.light-mode-preload body, body.light-mode) {
  background-color: #FAF6EE !important;
  color: #1a1a2e !important;
}

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

/* ─── 4. MAIN NAV LINKS ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .main-menu .navigation > li > a {
  color: #555 !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .main-menu .navigation > li > a:hover,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .main-menu .navigation > li.current > a {
  color: #0F2A47 !important;
}

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

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

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

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

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

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

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

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

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

/* ─── 13. CTA FOOTER ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .cta-text {
  color: #666 !important;
}

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

/* ─── 15. SWIPER / OLD HERO ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) #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;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) #hero h1 {
  color: #1a1a2e !important;
}

/* ─── 16. CAR LISTING SECTION ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .tf-section,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .tf-section3 {
  background-color: #FAF6EE !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .heading-section h2,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .heading-section h3 {
  color: #1a1a2e !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .box-car-list {
  background: #FFFDF8 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .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;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .box-car-list .content {
  background: #FFFDF8 !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .box-car-list h5 a,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .box-car-list .link-style-1 a {
  color: #1a1a2e !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .box-car-list h5 a:hover,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .box-car-list .link-style-1 a:hover {
  color: #0F2A47 !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .box-car-list .icons span {
  color: #5f5f5f !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .box-car-list .text-address p {
  color: #5f5f5f !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .flag-tag.style-1 {
  background: rgba(0,0,0,0.05) !important;
  color: #666 !important;
}

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

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

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

/* ─── 20. PRELOADER ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .preload-container {
  background: #FAF6EE !important;
}

/* ─── 21. SCROLLBAR ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) ::-webkit-scrollbar-track {
  background: #F3EDE1 !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) ::-webkit-scrollbar-thumb {
  background-color: #ccc !important;
}

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

/* ─── 25. TEXT COLORS GLOBAL ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .text-color-1 { color: #1a1a2e !important; }
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .text-color-2 { color: #555 !important; }
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .text-color-3 { color: #5f5f5f !important; }

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

/* ─── 27. SEARCH MODAL ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) #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);
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .search-field,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) #search_bar_modal {
  background: #FAF6EE !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #1a1a2e !important;
}

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

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

/* ─── CALCULATOR FORM CARD ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .loan-calculator-form,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .loan-calculator-form.w-560 {
  background: #FFFDF8 !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;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .loan-calculator-form label,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .loan-calculator-form .font-1 {
  color: #777 !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .loan-calculator-form p,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .loan-calculator-form span {
  color: #555 !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .loan-calculator-form .flex-two span:first-child {
  color: #5f5f5f !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .loan-calculator-form .flex-two span:last-child {
  color: #1a1a2e !important;
}

/* ─── TF ICON BOX ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .tf-icon-box.style-1 {
  background: #FFFDF8 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .tf-icon-box.style-1 h5,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .tf-icon-box.style-1 .title {
  color: #1a1a2e !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .tf-icon-box.style-1 p,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .tf-icon-box.style-1 .sub-title {
  color: #666 !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .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 ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .box-tab .menu-tab .item-title {
  border-color: rgba(0,0,0,0.1) !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .box-tab .menu-tab .item-title h5,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .box-tab .menu-tab .item-title .inner {
  color: #555 !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .flat-filter-search .menu-tab .item-title .inner {
  color: #555 !important;
}

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

/* ─── SECTION BACKGROUNDS ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .loan-calculator.inner-1.bg-2 {
  background: #FAF6EE !important;
}

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

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

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

/* ─── HEADER ACCOUNT ICONS ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .header-account a,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .header-account i {
  color: #555 !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .header-account a:hover,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .header-account i:hover {
  color: #0F2A47 !important;
}

/* ─── CARDS & BOXES (inventory/dashboard) ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .inv-card,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .inv-stat,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .mwb-card,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .mwb-stat,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .mab-card,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .mab-stat {
  background: #FFFDF8 !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 */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .inv-wrap,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .mwb-wrap,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .mab-wrap,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) h2,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .inv-card-title,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .mwb-card-title,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .inv-card-meta span b,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .mwb-card-value {
  color: #1a1a2e !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .inv-sub,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .mwb-sub,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .inv-card-lot,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .inv-card-meta span,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .mwb-card-label,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .mwb-card-vin {
  color: #666 !important;
}

/* Tab buttons */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .inv-tab-btn {
  background: #F3EDE1 !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #555 !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .inv-tab-btn.active {
  background: linear-gradient(135deg, #0F2A47 0%, #1B4A7A 100%) !important;
  color: #fff !important;   /* white TEXT on the accent — stays white */
  border-color: #0F2A47 !important;
}

/* ─── DASHBOARD SIDEBAR ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .sidebar-dashboard {
  background: #FFFDF8 !important;
  border-color: rgba(0,0,0,0.08) !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .sidebar-dashboard .db-title {
  color: #5f5f5f !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .sidebar-dashboard .db-author .name,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .sidebar-dashboard .db-author .author-email {
  color: #333 !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .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;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .sidebar-dashboard .db-list-menu ul li a {
  color: #555 !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .sidebar-dashboard .db-list-menu ul li a:hover,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .sidebar-dashboard .db-list-menu ul li a.active {
  color: #0F2A47 !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .sidebar-dashboard .db-list-menu ul li a svg g {
  opacity: 0.6;
}
/* Logout link stays red-ish */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .sidebar-dashboard .db-list-menu ul > li:last-child > a {
  color: rgba(220,38,38,0.75) !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .sidebar-dashboard .db-list-menu ul > li:last-child > a:hover {
  background: rgba(220,38,38,0.08) !important;
}
/* Admin dashboard link stays gold */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .sidebar-dashboard .db-list-menu ul li a[href="/administration/"] {
  color: #d97706 !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .sidebar-dashboard .db-list-menu ul li a[href="/administration/"]:hover {
  background: rgba(217,119,6,0.08) !important;
}

/* Dashboard content area */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .container-fluid.position-after-header,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .position-after-header {
  background: #FAF6EE !important;
}

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

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

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

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

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

/* ─── Dashboard wrapper ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) #wrapper-dashboard {
  background: #FAF6EE !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) #main-content {
  background: #FAF6EE !important;
}

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

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

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

/* ─── SweetAlert2 overrides ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .swal2-popup {
  background: #FFFDF8 !important;
  color: #1a1a2e !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .swal2-title {
  color: #1a1a2e !important;
}
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .swal2-html-container {
  color: #555 !important;
}

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

/* ─── Smooth transition for theme switch ─── */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) *,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) *::before,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) *::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 */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .swiper-wrapper,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .swiper-slide,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) img,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) video {
  transition: none !important;
}

/* ─── الظلال البرتقالية الباهتة خلف شارات ACV (rgba(234,88,12,…)) ───
   مكتوبة inline داخل JS يبني البطاقات، فلا تصلها القواعد العادية.
   في الفاتح تصير ظلاً كحلياً باهتاً بنفس الشفافية. */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) [style*="rgba(234,88,12"],
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .src-v,
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) .vl-acv-badge {
  background-color: rgba(15,42,71,0.10) !important;
  border-color: rgba(15,42,71,0.25) !important;
}

/* ─── الأزرق يجب أن يُقرأ أزرق، لا أسود ────────────────────────────
   طارق: "يكون واضحاً أنه أزرق داكن وليس أسود". #0F2A47 على العاجي يميل
   للسواد عند الأحجام الصغيرة والوزن الثقيل. الأزرار والعناوين الكبيرة
   تأخذ درجة أفتح قليلاً وأكثر إشباعاً حتى تبقى "زرقاء" بوضوح. */
:is(html[data-theme="light"], html.light-mode-preload, body.light-mode) {
  --orange:  #123B6D;   /* كحلي واضح — أزرق لا أسود */
  --orange2: #1E5AA0;
  --orange3: #0F2A47;   /* الأغمق يبقى للحواف والظلال فقط */
  --accent2: #1E5AA0;
  --fristColor:  #123B6D;
  --fourthColor: #123B6D;
}

/* ─── الشريط الملتصق عند التمرير: عاجي ونصّ كحلي، بأي طريقة تفعيل ────
   theme3.html يفرض #0a0f1a على .header-lower.is-fixed.is-small بمُحدِّد
   ثقيل (html:not(...) body:not(...)). عند التمرير كان الشريط يصير داكناً
   بينما نصّه أخذ لون الفاتح الداكن — داكن على داكن، فاختفى. */
html[data-theme="light"] body .header-lower,
html[data-theme="light"] body .header-lower.is-fixed,
html[data-theme="light"] body .header-lower.is-fixed.is-small,
html.light-mode-preload body .header-lower.is-fixed.is-small,
html body.light-mode .header-lower.is-fixed.is-small {
  background: #FFFDF8 !important;
  border-bottom: 1px solid rgba(15,42,71,0.12) !important;
  box-shadow: 0 4px 20px rgba(15,42,71,0.10) !important;
}
html[data-theme="light"] body .header-lower .navigation > li > a,
html[data-theme="light"] body .header-lower .box-avatar .name,
html[data-theme="light"] body .header-lower .mcn-bell-btn,
html[data-theme="light"] body .header-lower .mcn-bell-btn svg,
html body.light-mode .header-lower.is-fixed.is-small .navigation > li > a,
html body.light-mode .header-lower.is-fixed.is-small .box-avatar .name,
html body.light-mode .header-lower.is-fixed.is-small .mcn-bell-btn {
  color: #123B6D !important;
}


/* ─── 28. CONTRAST PASS — قِيس ١٠ سبتمبر ٢٠٢٦ ─── */
/* طارق: «ألوان الثيم الفاتح ليست متناسقة ولا واضحة، خطوط باهتة على خلفيات فاتحة
   لا يمكن قراءتها». قِيس بحاسبة تباين WCAG على كلّ نصّ في الرئيسيّة والقائمة وصفحة
   السيّارة (المتصفّح مخفيّ فالانتقالات لا تكتمل — أُطفئت أوّلاً وإلّا قاس القياسُ
   الوضعَ الداكن): ٩٦ + ١٢٨٠ + ١٠٣ نصّاً تحت 4.5:1. ثلاثةُ أسباب:
   1) القاعدة 25 تُظلم كلَّ نصٍّ أبيض مكتوبٍ inline — حتّى على أزرارٍ خلفيّتُها
      البرتقاليُّ الذي صار كحليّاً هنا، فصار النصُّ داكناً على كحليّ (زرُّ الموافقة،
      «ابدأ»، «إرسال الرسالة»، أزرارُ الحاسبة).
   2) لوحةُ الوضع الداكن (رماديّات #888/#999/#aaa وأزرقُ #93c5fd وأخضرُ #4ade80
      وعنبريُّ #fbbf24) بقيت على بطاقاتٍ بيضاء.
   3) أقسامٌ بقيت داكنةً وعناوينُها صارت داكنة (الحلول، الحاسبة، الشريطُ العلويّ).
   اللوحةُ هنا: نصٌّ #1a1a2e، ثانويّ #5b6472 (5.5:1 على الأبيض)، أزرق #1d4ed8،
   أخضر #15803d، عنبريّ #b45309، أحمر #b91c1c، كحليٌّ للأزرار #0F2A47 بنصٍّ أبيض. */

/* أ) زرٌّ خلفيّتُه inline من المتغيّر البرتقاليّ (كحليٌّ هنا) يبقى نصُّه أبيض */
html[data-theme="light"] [style*="color:#fff"][style*="background:var(--"],
html[data-theme="light"] [style*="color: #fff"][style*="background:var(--"],
html[data-theme="light"] [style*="color:#f0f0f0"][style*="background:var(--"],
html[data-theme="light"] [style*="color:white"][style*="background:var(--"],
html[data-theme="light"] [style*="color:#fff"][style*="background: var(--"],
html[data-theme="light"] [style*="color:#fff"][style*="background:var(--"] *,
html[data-theme="light"] [style*="color: #fff"][style*="background:var(--"] * { color: #fff !important; }

/* ب) ألوانُ اللوحة الداكنة المكتوبةُ inline على بطاقاتٍ فاتحة */
html[data-theme="light"] [style*="color:#93c5fd"], html[data-theme="light"] [style*="color: #93c5fd"],
html[data-theme="light"] [style*="color:#60a5fa"], html[data-theme="light"] [style*="color: #60a5fa"],
html[data-theme="light"] [style*="color:#3b82f6"], html[data-theme="light"] [style*="color:#2563eb"] { color: #1d4ed8 !important; }
html[data-theme="light"] [style*="color:#4ade80"], html[data-theme="light"] [style*="color: #4ade80"],
html[data-theme="light"] [style*="color:#86efac"], html[data-theme="light"] [style*="color: #86efac"],
html[data-theme="light"] [style*="color:#22c55e"], html[data-theme="light"] [style*="color:#16a34a"] { color: #15803d !important; }
html[data-theme="light"] [style*="color:#fbbf24"], html[data-theme="light"] [style*="color: #fbbf24"],
html[data-theme="light"] [style*="color:#ffb838"], html[data-theme="light"] [style*="color: #ffb838"],
html[data-theme="light"] [style*="color:#f59e0b"], html[data-theme="light"] [style*="color:#fcd34d"],
html[data-theme="light"] [style*="color:#ca8a04"] { color: #b45309 !important; }
html[data-theme="light"] [style*="color:#fca5a5"], html[data-theme="light"] [style*="color: #fca5a5"],
html[data-theme="light"] [style*="color:#fc8181"], html[data-theme="light"] [style*="color:#f87171"],
html[data-theme="light"] [style*="color:#fecaca"], html[data-theme="light"] [style*="color: #fecaca"],
html[data-theme="light"] [style*="color:#ef4444"], html[data-theme="light"] [style*="color:#ff4444"],
html[data-theme="light"] [style*="color:#dc2626"] { color: #b91c1c !important; }
html[data-theme="light"] [style*="color:#aaa"], html[data-theme="light"] [style*="color: #aaa"],
html[data-theme="light"] [style*="color:#999"], html[data-theme="light"] [style*="color: #999"],
html[data-theme="light"] [style*="color:#888"], html[data-theme="light"] [style*="color: #888"],
html[data-theme="light"] [style*="color:#bbb"], html[data-theme="light"] [style*="color:#777"],
html[data-theme="light"] [style*="color:#9ca3af"], html[data-theme="light"] [style*="color:#94a3b8"],
html[data-theme="light"] [style*="color:#94a0b4"], html[data-theme="light"] [style*="color:#a3adbf"] { color: #5b6472 !important; }
html[data-theme="light"] [style*="color:#ccc"], html[data-theme="light"] [style*="color: #ccc"],
html[data-theme="light"] [style*="color:#ddd"], html[data-theme="light"] [style*="color:#eee"],
html[data-theme="light"] [style*="color:#e5e7eb"], html[data-theme="light"] [style*="color:#d1d5db"] { color: #333 !important; }

/* ج) ما بقي داكناً من هيكل الموقع */
html[data-theme="light"] .mcn-top-strip { background: #eef2fb !important; border-color: rgba(0,0,0,.08) !important; color: #1a1a2e !important; }
html[data-theme="light"] .mcn-top-strip span { color: #0F2A47 !important; background: rgba(15,42,71,.08) !important; }
html[data-theme="light"] #mcn-howbuy-float { background: #fff !important; border: 1px solid rgba(0,0,0,.12) !important; color: #1a1a2e !important; box-shadow: 0 8px 24px rgba(0,0,0,.12) !important; }
html[data-theme="light"] #mcn-howbuy-float a { color: #fff !important; }
html[data-theme="light"] #mcn-consent-banner button:first-of-type { color: #fff !important; }
/* الحاسبة (Tailwind): الكتلُ الكحليّة نصُّها أبيض، والتسمياتُ الباهتة أغمق */
html[data-theme="light"] #macchina-calc-root .bg-primary,
html[data-theme="light"] #macchina-calc-root .bg-primary * { color: #fff !important; }
html[data-theme="light"] #macchina-calc-root .text-textMuted,
html[data-theme="light"] #macchina-calc-root [class*="text-textMuted"] { color: #5b6472 !important; }
/* site_pro.css: متغيّراتُ المظهر الماليّ بقيمٍ فاتحة */
html[data-theme="light"] { --sp-muted: #5b6472; --sp-good: #15803d; --sp-bad: #b91c1c; --sp-warn: #b45309; }
html[data-theme="light"] .mcn-pulse-tag.is-room { color: #9a4507 !important; }
html[data-theme="light"] .mcn-pulse-only.mcn-pulse-on[data-live-mode="room"],
html[data-theme="light"] .mcn-pulse-only.mcn-pulse-on { background: #b45309 !important; color: #fff !important; }
html[data-theme="light"] .mcn-score.is-fair .mcn-score-num, html[data-theme="light"] .mcn-score.is-fair .mcn-score-band { color: #9a4507 !important; }
html[data-theme="light"] .mcn-score.is-weak .mcn-score-num, html[data-theme="light"] .mcn-score.is-weak .mcn-score-band { color: #b91c1c !important; }
html[data-theme="light"] .mcn-badge.is-weak { background: #b91c1c !important; }
html[data-theme="light"] .mcn-badge.is-fair { background: #b45309 !important; color: #fff !important; }

/* د) الرئيسيّة */
html[data-theme="light"] body.home-light .hero-h1 strong,
html[data-theme="light"] body.home-light .tf-title,
html[data-theme="light"] body.home-light .app-val { color: #1a1a2e !important; }
html[data-theme="light"] body.home-light .transparency p,
html[data-theme="light"] body.home-light .tf-desc,
html[data-theme="light"] body.home-light .hero-stat-lbl,
html[data-theme="light"] body.home-light .fb-lbl,
html[data-theme="light"] body.home-light .hero-card-m,
html[data-theme="light"] body.home-light .sol-desc,
html[data-theme="light"] body.home-light .app-url,
html[data-theme="light"] body.home-light .partners-lbl,
html[data-theme="light"] body.home-light .sec-p,
html[data-theme="light"] body.home-light .hero-sub { color: #5b6472 !important; }
html[data-theme="light"] body.home-light .hero-card-src { color: #1d4ed8 !important; }
html[data-theme="light"] body.home-light .hero-float.hf-live { color: #b91c1c !important; }
html[data-theme="light"] body.home-light .hero-btn-2 { background: #b91c1c !important; color: #fff !important; border-color: #b91c1c !important; }
html[data-theme="light"] body.home-light .solutions { background: linear-gradient(135deg, #eef1fa, #e8edf8) !important; }
html[data-theme="light"] body.home-light .smart-calc-widget { background: linear-gradient(135deg, #f5f7ff, #eef1fa) !important; }
html[data-theme="light"] body.home-light .sol-card { background: #fff !important; border-color: rgba(0,0,0,.08) !important; }
html[data-theme="light"] body.home-light .sol-title { color: #1a1a2e !important; }
html[data-theme="light"] body.home-light .cta-h,
html[data-theme="light"] body.home-light .cta-p,
html[data-theme="light"] body.home-light .cta-badge,
html[data-theme="light"] body.home-light .cta-btn2 { color: #fff !important; }
html[data-theme="light"] body.home-light .cta-btn2 { border-color: rgba(255,255,255,.55) !important; }
html[data-theme="light"] body.home-light .cta-btn1 { background: #fff !important; color: #0F2A47 !important; }

/* هـ) قائمةُ السيّارات */
html[data-theme="light"] #vl-cont.list-l .vl-auction-btn.active,
html[data-theme="light"] #vl-cont.list-l .vl-th-btn.active { background: #0F2A47 !important; color: #fff !important; border-color: #0F2A47 !important; }
html[data-theme="light"] #vl-cont.list-l .vl-lot-sub-ref,
html[data-theme="light"] #vl-cont.list-l .vl-location-sub-ref,
html[data-theme="light"] #vl-cont.list-l .vl-info-lbl-ref,
html[data-theme="light"] #vl-cont.list-l .vl-item-num-ref,
html[data-theme="light"] #vl-cont.list-l .vl-bid-label-ref,
html[data-theme="light"] #vl-cont.list-l .vl-vin-mono,
html[data-theme="light"] #vl-cont.list-l .vl-retail-ref,
html[data-theme="light"] #vl-cont.list-l .vl-hdr-sub,
html[data-theme="light"] #vl-cont.list-l .vl-th-lbl,
html[data-theme="light"] #vl-cont.list-l .vl-timer,
html[data-theme="light"] #vl-cont.list-l .vl-ic-lbl,
html[data-theme="light"] #vl-cont.list-l .vl-lc-lbl,
html[data-theme="light"] #vl-cont.list-l .vl-lot-sub,
html[data-theme="light"] #vl-cont.list-l .vl-bid-sub,
html[data-theme="light"] #vl-cont.list-l .vl-tag,
html[data-theme="light"] #vl-cont.list-l .vl-vb,
html[data-theme="light"] #vl-cont.list-l .vl-row-meta span,
html[data-theme="light"] #vl-cont.list-l .title-group span,
html[data-theme="light"] #vl-cont.list-l .vl-row-ref span[title] { color: #5b6472 !important; }
html[data-theme="light"] #vl-cont.list-l .vl-sale-when { color: #4b5563 !important; }
html[data-theme="light"] #vl-cont.list-l .vl-lot-num-ref { color: #1d4ed8 !important; }
html[data-theme="light"] #vl-cont.list-l .vl-odo-warn-r { color: #9a4507 !important; }
html[data-theme="light"] #vl-cont.list-l .vl-keys-ref.yes { color: #107236 !important; }
html[data-theme="light"] #vl-cont.list-l .vl-live-join-btn { background: #15803d !important; color: #fff !important; }
html[data-theme="light"] #vl-cont.list-l .vl-restricted-badge,
html[data-theme="light"] #vl-cont.list-l .vl-chip-clear-all,
html[data-theme="light"] #vl-cont.list-l .vl-odo-bad-r,
html[data-theme="light"] #vl-cont.list-l .vl-keys-ref.no,
html[data-theme="light"] #vl-cont.list-l .live-auction-timer { color: #b91c1c !important; }
html[data-theme="light"] .src-c { color: #1d4ed8 !important; background: rgba(29,78,216,.08) !important; }
html[data-theme="light"] .src-i { color: #9a4507 !important; }
html[data-theme="light"] .src-m { color: #1d4ed8 !important; }
html[data-theme="light"] .src-a { color: #107236 !important; }
html[data-theme="light"] #vl-cont.list-l .vl-cell-img-ref .gc-src { background: rgba(255,255,255,.92) !important; }
html[data-theme="light"] .ct-clean { color: #107236 !important; }
html[data-theme="light"] .ct-salvage { color: #b91c1c !important; }
html[data-theme="light"] .ct-nonrep { color: #9a4507 !important; }

/* و) صفحةُ السيّارة */
html[data-theme="light"] #det-cont.det-l .det-gbar-badge.active { background: #0F2A47 !important; color: #fff !important; }
html[data-theme="light"] #det-cont.det-l .lb-title { color: #1d4ed8 !important; }
html[data-theme="light"] #det-cont.det-l .live-box.on .lb-title { color: #107236 !important; }
html[data-theme="light"] #det-cont.det-l .lb-desc { color: #1e40af !important; }
html[data-theme="light"] #det-cont.det-l .mcn-intel-banner p { color: #4b5563 !important; }
html[data-theme="light"] #det-cont.det-l .det-bid-val-ok { color: #107236 !important; }
html[data-theme="light"] #det-cont.det-l .det-bid-val-danger { color: #b91c1c !important; }
html[data-theme="light"] #det-cont.det-l .det-damage-lbl { color: #b91c1c !important; }
html[data-theme="light"] #det-cont.det-l .det-tab,
html[data-theme="light"] #det-cont.det-l .det-spec-lbl,
html[data-theme="light"] #det-cont.det-l .det-stat-lbl,
html[data-theme="light"] #det-cont.det-l .det-contact-inner-lbl,
html[data-theme="light"] #det-cont.det-l .det-contact-sub,
html[data-theme="light"] #det-cont.det-l .ic-lbl,
html[data-theme="light"] #det-cont.det-l .det-price-lbl,
html[data-theme="light"] #det-cont.det-l .det-bid-lbl,
html[data-theme="light"] #det-cont.det-l .det-bid-note,
html[data-theme="light"] #det-cont.det-l .det-history-lbl,
html[data-theme="light"] #det-cont.det-l .det-nav-back,
html[data-theme="light"] #det-cont.det-l .det-nav-ctr,
html[data-theme="light"] #det-cont.det-l .vi-rating-lbl,
html[data-theme="light"] #det-cont.det-l .vi-fuel-lbl,
html[data-theme="light"] #det-cont.det-l .vi-fuel-unit,
html[data-theme="light"] #det-cont.det-l .th-dark { color: #5b6472 !important; }
html[data-theme="light"] #det-cont.det-l .det-calc-gt-usd { color: #c2410c !important; }
html[data-theme="light"] #det-cont.det-l .det-sc-wa { color: #107236 !important; }
html[data-theme="light"] #det-cont.det-l #det-src-badge { color: #1d4ed8 !important; background: rgba(29,78,216,.08) !important; }
html[data-theme="light"] #det-cont.det-l .vi-star.filled { color: #9a4507 !important; }

/* ز) الجولةُ الثانية بعد القياس (١٠ سبتمبر ٠٠:٢٥ ليبيا): ما بقي ١٢ + ١٠٦ + ١٥ */
html[data-theme="light"] #mcn-consent-banner { background: #fff !important; color: #1a1a2e !important; border: 1px solid rgba(0,0,0,.12) !important; box-shadow: 0 8px 28px rgba(0,0,0,.14) !important; }
html[data-theme="light"] #mcn-consent-banner button:last-of-type { color: #5b6472 !important; border-color: rgba(0,0,0,.18) !important; }
html[data-theme="light"] #mcn-howbuy-float [style*="color:rgba(255,255,255"] { color: #5b6472 !important; }
html[data-theme="light"] .mcn-top-strip [style*="color:#8890a0"] { color: #5b6472 !important; background: transparent !important; }
html[data-theme="light"] .mcn-badge, html[data-theme="light"] .mcn-badge * { color: #fff !important; }
html[data-theme="light"] .mcn-badge.is-good { background: #4d7c0f !important; }
html[data-theme="light"] .vl-auction-btn.active { background: #0F2A47 !important; color: #fff !important; border-color: #0F2A47 !important; }
html[data-theme="light"] .vl-retail-ref strong { color: #9a4507 !important; }
html[data-theme="light"] [style*="color:#FFB838"], html[data-theme="light"] [style*="color: #FFB838"],
html[data-theme="light"] [style*="color:#FBBF24"] { color: #b45309 !important; }
html[data-theme="light"] [style*="color: rgb(34, 197, 94)"], html[data-theme="light"] [style*="color:rgb(34,197,94)"],
html[data-theme="light"] [style*="color: rgb(74, 222, 128)"] { color: #15803d !important; }
html[data-theme="light"] [style*="color: rgb(239, 68, 68)"], html[data-theme="light"] [style*="color:rgb(239,68,68)"] { color: #b91c1c !important; }
html[data-theme="light"] [style*="color: rgb(251, 191, 36)"], html[data-theme="light"] [style*="color: rgb(245, 158, 11)"] { color: #9a4507 !important; }
html[data-theme="light"] #macchina-calc-root .bg-green-600 { background-color: #15803d !important; }
html[data-theme="light"] .src-a { color: #166534 !important; }

/* ── ٢٥ سبتمبر ٢٠٢٦ — تباين: أحبارٌ للسمة الفاتحة لقواعدَ حبرُها الأساسيّ مضبوطٌ للداكن ──
   (مهمّة «ب»، مولَّدة بـ ops/contrast_fix_themes.py — قاعدةٌ واحدة لا تجتاز السمتين بحبرٍ واحد) */
html[data-theme="light"] .mcn-verdict.top, body.light-mode .mcn-verdict.top { color: #107236; }   /* car_details_det.html */
html[data-theme="light"] .mcn-verdict.wait, body.light-mode .mcn-verdict.wait { color: #1d4ed8; }   /* car_details_det.html */
html[data-theme="light"] .mcn-verdict.out, body.light-mode .mcn-verdict.out { color: #b91c1c; }   /* car_details_det.html */
html[data-theme="light"] .src-c, body.light-mode .src-c { color: #1d4ed8; }   /* viewlist.html */
html[data-theme="light"] .vl-bid-amount sub, body.light-mode .vl-bid-amount sub { color: #6b6b6b; }   /* viewlist.html */
html[data-theme="light"] .vl-bid-amount-ref sub, body.light-mode .vl-bid-amount-ref sub { color: #6b6b6b; }   /* viewlist.html */
html[data-theme="light"] .vl-odo-tag-r, body.light-mode .vl-odo-tag-r { color: #6b6b6b; }   /* viewlist.html */
html[data-theme="light"] .vl-odo-tag, body.light-mode .vl-odo-tag { color: #6b6b6b; }   /* viewlist.html */
html[data-theme="light"] .mcn-intel-card .ic-source, body.light-mode .mcn-intel-card .ic-source { color: #6b6b6b; }   /* car_details_det.html */
html[data-theme="light"] .src-a, body.light-mode .src-a { color: #107236; }   /* viewlist.html */
html[data-theme="light"] .src-h, body.light-mode .src-h { color: #be185d; }   /* viewlist.html */
html[data-theme="light"] .live-box.off .lb-desc, body.light-mode .live-box.off .lb-desc { color: #1d4ed8; }   /* car_details_det.html */
html[data-theme="light"] body:not(.light-mode) .mcn-verdict.wait, body.light-mode body:not(.light-mode) .mcn-verdict.wait { color: #1d4ed8; }   /* car_details_det.html */
html[data-theme="light"] body:not(.light-mode) .mcn-verdict.out, body.light-mode body:not(.light-mode) .mcn-verdict.out { color: #b91c1c; }   /* car_details_det.html */
html[data-theme="light"] .vl-loader-txt, body.light-mode .vl-loader-txt { color: #5f5f5f; }   /* viewlist.html */
html[data-theme="light"] .vl-acv-vin, body.light-mode .vl-acv-vin, html[data-theme="light"] .vl-vin-mono, body.light-mode .vl-vin-mono { color: #5f5f5f; }   /* viewlist.html */
html[data-theme="light"] .vl-acv-bid-lbl, body.light-mode .vl-acv-bid-lbl { color: #5f5f5f; }   /* viewlist.html */
html[data-theme="light"] .det-price-lbl, body.light-mode .det-price-lbl { color: #5f5f5f; }   /* car_details_det.html */
html[data-theme="light"] .det-tab:hover:not(.active), body.light-mode .det-tab:hover:not(.active) { color: #5f5f5f; }   /* car_details_det.html */
html[data-theme="light"] .vi-fuel-unit, body.light-mode .vi-fuel-unit { color: #5f5f5f; }   /* car_details_det.html */
html[data-theme="light"] .mcn-intel-card .ic-lbl, body.light-mode .mcn-intel-card .ic-lbl { color: #5f5f5f; }   /* car_details_det.html */
html[data-theme="light"] .vl-btn-watch-ref, body.light-mode .vl-btn-watch-ref { color: #6b6b6b; }   /* viewlist.html */
html[data-theme="light"] .ct-default, body.light-mode .ct-default { color: #6b6b6b; }   /* viewlist.html */
html[data-theme="light"] .live-box.on .lb-desc, body.light-mode .live-box.on .lb-desc { color: #107236; }   /* car_details_det.html */
html[data-theme="light"] body:not(.light-mode) .mcn-verdict.top, body.light-mode body:not(.light-mode) .mcn-verdict.top { color: #107236; }   /* car_details_det.html */
html[data-theme="light"] .sb-toggle-arrow, body.light-mode .sb-toggle-arrow { color: #595959; }   /* viewlist.html */
html[data-theme="light"] .sb-check .sb-cnt, body.light-mode .sb-check .sb-cnt { color: #595959; }   /* viewlist.html */
html[data-theme="light"] .sb-input::placeholder, body.light-mode .sb-input::placeholder { color: #595959; }   /* viewlist.html */
html[data-theme="light"] .sb-search-icon, body.light-mode .sb-search-icon { color: #595959; }   /* viewlist.html */
html[data-theme="light"] .vl-auction-ended-ref, body.light-mode .vl-auction-ended-ref { color: #595959; }   /* viewlist.html */
html[data-theme="light"] .vl-dash-r, body.light-mode .vl-dash-r { color: #595959; }   /* viewlist.html */
html[data-theme="light"] .vl-dash, body.light-mode .vl-dash { color: #595959; }   /* viewlist.html */
html[data-theme="light"] .vl-auction-ended, body.light-mode .vl-auction-ended { color: #595959; }   /* viewlist.html */