/* Motors Classic Collection — Complete light theme override */

/* ═══ OVERRIDE CSS VARIABLES for light background theme ═══ */
/* This ensures ALL elements using CSS vars (including inline-styled tracking page) work correctly */
[data-theme="motors"] {
  --bg: #f0f0f0 !important;
  --bg2: #e8e8e8 !important;
  --bg3: #ddd !important;
  --card: #fff !important;
  --card2: #f8f8f8 !important;
  --border: #ddd !important;
  --border2: #ccc !important;
  --t1: #1a1a1a !important;
  --t2: #333 !important;
  --t3: #666 !important;
  --t4: #999 !important;
  --gold: #cc0000 !important;
  --gold-l: #ff3333 !important;
  --gold-d: #a30000 !important;
  --gold-bg: rgba(204,0,0,.06) !important;
  --gold-bg2: rgba(204,0,0,.12) !important;
  --gold-glow: 0 0 20px rgba(204,0,0,.2) !important;
  --red: #cc0000 !important;
  --green: #28a745 !important;
  --blue: #2563eb !important;
  --ff-d: 'Oswald', sans-serif !important;
  --ff-h: 'Oswald', sans-serif !important;
  --ff-b: 'Open Sans', Arial, sans-serif !important;
}

.motors-topbar,.motors-headerbar{display:none}
[data-theme="motors"] body{background:#f0f0f0;color:#333;font-family:'Open Sans',Arial,sans-serif}
[data-theme="motors"] .motors-topbar,[data-theme="motors"] .motors-headerbar{display:block}
[data-theme="motors"] #loader .loader-brand{font-family:'Oswald',sans-serif;letter-spacing:1px}
[data-theme="motors"] .motors-topbar{background:linear-gradient(180deg,#555,#333);padding:6px 0;font-size:11px;color:#ccc}
[data-theme="motors"] .motors-topbar-in,[data-theme="motors"] .motors-header-in,[data-theme="motors"] .main-nav .container,[data-theme="motors"] .nav-inner,[data-theme="motors"] .sec,[data-theme="motors"] .phdr,[data-theme="motors"] .foot-in,[data-theme="motors"] .foot-bot{max-width:1100px;margin:0 auto}
[data-theme="motors"] .motors-topbar-in{display:flex;justify-content:space-between;align-items:center;padding:0 15px;gap:14px}
[data-theme="motors"] .motors-search{display:flex;flex:1;max-width:360px}
[data-theme="motors"] .motors-search input{flex:1;padding:5px 10px;border:1px solid #555;background:#222;color:#ccc;font-size:11px;border-radius:3px 0 0 3px;outline:none}
[data-theme="motors"] .motors-search button{background:#cc0000;color:#fff;border:none;padding:5px 14px;border-radius:0 3px 3px 0;font-size:12px;cursor:pointer}
[data-theme="motors"] .motors-toplinks{display:flex;align-items:center;gap:12px;white-space:nowrap}
[data-theme="motors"] .motors-toplinks a{color:#ccc;text-decoration:none}
[data-theme="motors"] .motors-toplinks a:hover{color:#fff}
[data-theme="motors"] .motors-headerbar{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);padding:12px 0}
[data-theme="motors"] .motors-header-in{display:flex;align-items:center;justify-content:space-between;padding:0 15px;gap:20px}
[data-theme="motors"] .motors-brand{text-decoration:none;color:#fff;display:block;line-height:1}
[data-theme="motors"] .motors-brand-main{font-family:'Oswald',sans-serif;font-size:38px;font-weight:700;color:#fff}
[data-theme="motors"] .motors-brand-accent{font-family:'Oswald',sans-serif;font-size:38px;font-weight:700;color:#cc0000;margin-left:2px}
[data-theme="motors"] .motors-brand small{display:block;font-size:9px;color:#888;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;margin-top:4px}
[data-theme="motors"] .motors-callbox{color:#ccc;font-size:12px}
[data-theme="motors"] .motors-callbox strong{color:#fff;font-size:15px}
[data-theme="motors"] .nav{position:sticky;top:0;z-index:500;background:linear-gradient(180deg,#444,#2a2a2a);border-bottom:3px solid #cc0000;box-shadow:none}
[data-theme="motors"] .nav-inner{height:auto!important;min-height:0;padding:0 15px;display:flex;align-items:stretch;justify-content:space-between}
[data-theme="motors"] .nav-logo{display:none!important}
[data-theme="motors"] .nav-links{display:flex;align-items:stretch;gap:0;list-style:none;margin:0;padding:0}
[data-theme="motors"] .nav-links li{display:flex}
[data-theme="motors"] .nav-links a{color:#ddd;padding:11px 18px;font-family:'Oswald',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.5px;font-weight:500;display:flex;align-items:center;border-radius:0!important}
[data-theme="motors"] .nav-links a:hover,[data-theme="motors"] .nav-links a.on{background:#cc0000;color:#fff;text-decoration:none}
[data-theme="motors"] .nav-cta{display:none!important}
[data-theme="motors"] .nav-mob{padding:10px 4px}
[data-theme="motors"] .hero{min-height:380px;background:#000;overflow:hidden;padding:0}
[data-theme="motors"] .hero-bg{opacity:.32!important;filter:none!important;background-position:center;background-size:cover}
[data-theme="motors"] .hero-grad{background:rgba(0,0,0,.45)!important}
[data-theme="motors"] .hero-grid{display:none}
[data-theme="motors"] .hero-inner{max-width:1100px;margin:0 auto;padding:0 15px;min-height:380px;display:flex;align-items:center;justify-content:center}
[data-theme="motors"] .hero-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:800px;margin:0 auto}
[data-theme="motors"] .hero-badge{display:inline-block;background:rgba(255,255,255,.12);border:none;border-radius:2px;padding:4px 10px;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
[data-theme="motors"] .hero-h{font-family:'Oswald',sans-serif!important;font-size:34px!important;font-weight:700;line-height:1.05;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:0}
[data-theme="motors"] .hero-h em{color:#ffcc00;font-style:normal}
[data-theme="motors"] .hero-h::after{display:none}
[data-theme="motors"] .hero-p{max-width:660px;margin:10px auto 0;font-size:14px;color:#f3f3f3}
[data-theme="motors"] .hero-right,[data-theme="motors"] .hero-stats{display:none!important}
[data-theme="motors"] .hero-btns{justify-content:center;margin-top:14px}
[data-theme="motors"] .btn{border-radius:4px!important;letter-spacing:.5px!important;font-family:'Open Sans',Arial,sans-serif!important;font-size:13px!important;text-transform:none!important}
[data-theme="motors"] .btn-g,[data-theme="motors"] .btn{background:#cc0000;color:#fff;border-color:#cc0000}
[data-theme="motors"] .btn-g:hover,[data-theme="motors"] .btn:hover{background:#a30000;border-color:#a30000}
[data-theme="motors"] .btn-o{background:#333;color:#fff;border-color:#333}
[data-theme="motors"] .sec{max-width:1100px;margin:0 auto;padding:20px 15px}
[data-theme="motors"] .sec-full{padding:20px 0;background:transparent!important}
[data-theme="motors"] .sec-dark .sec-in{max-width:1100px;margin:0 auto;padding:0 15px}
[data-theme="motors"] .sec-hdr{margin-bottom:15px;border-bottom:2px solid #ddd;padding-bottom:10px}
[data-theme="motors"] .sec-tag{display:none}
[data-theme="motors"] .sec-t{font-family:'Oswald',sans-serif!important;font-size:22px!important;text-transform:uppercase;color:#333;letter-spacing:0;margin:0}
[data-theme="motors"] .sec-d{font-size:12px;color:#777;max-width:none;margin-top:4px}
[data-theme="motors"] .cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
[data-theme="motors"] .cat{background:#fff;border:1px solid #ddd;border-radius:4px;padding:12px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
[data-theme="motors"] .cat:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}
[data-theme="motors"] .cat-ico{width:auto;height:auto;background:none;border:none;font-size:20px;margin-bottom:8px}
[data-theme="motors"] .cat-name{font-family:'Oswald',sans-serif;font-size:15px;color:#333}
[data-theme="motors"] .cat-cnt{font-size:11px;color:#888}
[data-theme="motors"] .pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
[data-theme="motors"] .pcard{background:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06);transform:none!important}
[data-theme="motors"] .pcard:hover{box-shadow:0 4px 16px rgba(0,0,0,.15)}
[data-theme="motors"] .pcard::before,[data-theme="motors"] .pcard::after{display:none!important}
[data-theme="motors"] .pcard-img{height:105px;border-radius:0!important}
[data-theme="motors"] .pcard-bad,[data-theme="motors"] .inv-badge{background:#cc0000;border-radius:2px;font-size:9px;padding:2px 6px}
[data-theme="motors"] .pcard-body{padding:7px 9px}
[data-theme="motors"] .pcard-title,[data-theme="motors"] .pcard-title a{font-family:'Oswald',sans-serif;font-size:12px;color:#cc0000}
[data-theme="motors"] .pcard-price{font-size:13px;color:#333;font-family:'Open Sans',Arial,sans-serif}
[data-theme="motors"] .advs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
[data-theme="motors"] .adv{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:20px;text-align:left}
[data-theme="motors"] .adv-ico{width:auto;height:auto;background:none;color:#cc0000;border:none;font-size:24px;margin-bottom:8px}
[data-theme="motors"] .adv-t{font-family:'Oswald',sans-serif;font-size:16px;color:#1a1a1a}
[data-theme="motors"] .adv-d{color:#666;font-size:12px}
[data-theme="motors"] .cta{max-width:1100px;margin:0 auto 30px;background:linear-gradient(135deg,#1a1a1a,#333);color:#fff;padding:25px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
[data-theme="motors"] .cta-t{font-family:'Oswald',sans-serif;font-size:20px}
[data-theme="motors"] .phdr{background:#fff;padding:40px 15px 20px;border-bottom:1px solid #ddd;margin:0 auto 10px;max-width:100%;text-align:center}
[data-theme="motors"] .phdr::before{display:none}
[data-theme="motors"] .phdr-t{font-family:'Oswald',sans-serif;font-size:26px;text-transform:uppercase;color:#1a1a1a;letter-spacing:1px}
[data-theme="motors"] .phdr-d{font-size:12px;color:#777;margin-top:4px}
[data-theme="motors"] .crumb{font-size:12px;color:#999}
[data-theme="motors"] .crumb a{color:#cc0000}

/* ── ABOUT PAGE ── */
[data-theme="motors"] .abt-grid{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:30px;gap:30px}
[data-theme="motors"] .abt-txt .sec-tag{display:block;font-family:'Oswald',sans-serif;font-size:11px;color:#cc0000;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
[data-theme="motors"] .abt-txt h2{font-family:'Oswald',sans-serif!important;font-size:32px!important;color:#1a1a1a!important;letter-spacing:0!important;line-height:1.1!important;margin-bottom:16px!important}
[data-theme="motors"] .abt-txt p{font-size:14px!important;color:#555!important;line-height:1.8!important;margin-bottom:14px!important}
[data-theme="motors"] .abt-txt strong{color:#cc0000!important}
[data-theme="motors"] .abt-img{border-radius:6px;border:1px solid #ddd}
[data-theme="motors"] .abt-stats{margin-top:25px}
[data-theme="motors"] .abt-stat{background:#fff;border:1px solid #ddd;border-radius:4px;padding:20px;text-align:center}
[data-theme="motors"] .abt-stat b{font-family:'Oswald',sans-serif;font-size:36px;color:#cc0000;display:block;line-height:1}
[data-theme="motors"] .abt-stat span{font-size:11px;color:#888;letter-spacing:1px;text-transform:uppercase;font-family:'Open Sans',sans-serif}

/* ── HOW TO BUY PAGE ── */
[data-theme="motors"] .steps{max-width:700px}
[data-theme="motors"] .step::before{background:#ddd}
[data-theme="motors"] .step-n{background:#cc0000;color:#fff;font-family:'Oswald',sans-serif}
[data-theme="motors"] .step-t{font-family:'Oswald',sans-serif;font-size:18px;color:#1a1a1a!important;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
[data-theme="motors"] .step-d{font-size:13px;color:#555!important;line-height:1.7}

/* ── CONTACT PAGE ── */
[data-theme="motors"] .con-grid{gap:25px}
[data-theme="motors"] .con-card{background:#fff;border:1px solid #ddd;border-radius:6px;padding:18px}
[data-theme="motors"] .con-card:hover{border-color:#cc0000}
[data-theme="motors"] .con-ico{background:rgba(204,0,0,.08);border-radius:4px}
[data-theme="motors"] .con-lbl{font-family:'Oswald',sans-serif;font-size:11px;color:#999!important;text-transform:uppercase;letter-spacing:1px}
[data-theme="motors"] .con-val{font-size:14px;color:#333!important;font-weight:600}
[data-theme="motors"] .con-form{background:#fff;border:1px solid #ddd;border-radius:6px;padding:28px}
[data-theme="motors"] .con-form-t{font-family:'Oswald',sans-serif;font-size:22px;color:#1a1a1a!important;text-transform:uppercase}
[data-theme="motors"] .con-form label{color:#555!important;font-family:'Open Sans',sans-serif;font-size:11px}
[data-theme="motors"] .con-form input,
[data-theme="motors"] .con-form textarea,
[data-theme="motors"] .con-form select{background:#f8f8f8;border:1px solid #ccc;color:#333;border-radius:4px;font-family:'Open Sans',sans-serif}
[data-theme="motors"] .con-form input:focus,
[data-theme="motors"] .con-form textarea:focus{border-color:#cc0000}

/* ── PRODUCT DETAIL PAGE ── */
[data-theme="motors"] .pd-cat{font-family:'Oswald',sans-serif;color:#cc0000!important;letter-spacing:1px}
[data-theme="motors"] .pd-title{font-family:'Oswald',sans-serif;color:#1a1a1a!important;font-size:28px}
[data-theme="motors"] .pd-price{font-family:'Oswald',sans-serif;color:#cc0000!important;font-size:28px}
[data-theme="motors"] .pd-tbl td:first-child{color:#888!important}
[data-theme="motors"] .pd-tbl td:last-child{color:#333!important}
[data-theme="motors"] .pd-tbl tr{border-bottom:1px solid #eee!important}
[data-theme="motors"] .pd-desc{color:#555!important;font-size:14px}
[data-theme="motors"] .pd-desc h3{color:#1a1a1a!important;font-family:'Oswald',sans-serif}
[data-theme="motors"] .pd-img{border-radius:6px;border:1px solid #ddd}
[data-theme="motors"] .pd-thumb{border-radius:4px}
[data-theme="motors"] .pd-thumb:hover,[data-theme="motors"] .pd-thumb.on{border-color:#cc0000}
[data-theme="motors"] .sbox{background:#fff;border:1px solid #ddd;border-radius:6px;padding:20px}
[data-theme="motors"] .sbox-t{font-family:'Oswald',sans-serif;color:#cc0000!important;text-transform:uppercase;font-size:13px;border-bottom:1px solid #eee}

/* ── TRACKING PAGE ── */
[data-theme="motors"] .trk-card{background:#fff;border:1px solid #ddd;border-radius:6px}
[data-theme="motors"] .trk-box{background:#fff;border:1px solid #ddd;border-radius:6px}
[data-theme="motors"] #trkBox{border:2px solid #ddd;background:#fff;border-radius:4px}
[data-theme="motors"] #trkBox:focus-within{border-color:#cc0000;box-shadow:0 0 0 3px rgba(204,0,0,.15)}
[data-theme="motors"] #trkBox input{color:#333!important;background:transparent}
[data-theme="motors"] #trkBtn{background:#cc0000;color:#fff;font-family:'Oswald',sans-serif;border-radius:4px}
[data-theme="motors"] .trk-tl-i .trk-ev-st{color:#333!important}
[data-theme="motors"] .trk-tl-i .trk-ev-desc{color:#666!important}
[data-theme="motors"] .trk-tl-i .trk-time{color:#999!important}

/* ── MODAL ── */
[data-theme="motors"] .modal-box{background:#fff;border:1px solid #ddd;border-radius:8px}
[data-theme="motors"] .modal-t{font-family:'Oswald',sans-serif;color:#1a1a1a!important;font-size:22px;text-transform:uppercase}
[data-theme="motors"] .modal-x{color:#888}
[data-theme="motors"] .modal-box label{color:#555!important}
[data-theme="motors"] .modal-box input,
[data-theme="motors"] .modal-box textarea{background:#f8f8f8;border:1px solid #ccc;color:#333;border-radius:4px}

/* ── GLOBAL PAGE CSS VARIABLE OVERRIDES FOR LIGHT THEME ── */
/* Override dark-theme CSS variables at every page container level
   so inline styles using var(--card), var(--t1), etc. render correctly */
[data-theme="motors"] #p-home,
[data-theme="motors"] #p-inv,
[data-theme="motors"] #p-pd,
[data-theme="motors"] #p-about,
[data-theme="motors"] #p-htb,
[data-theme="motors"] #p-track,
[data-theme="motors"] #p-contact,
[data-theme="motors"] #p-ty,
[data-theme="motors"] #ordMod,
[data-theme="motors"] .modal {
  --card: #fff;
  --card2: #f8f8f8;
  --bg: #f0f0f0;
  --bg2: #e8e8e8;
  --bg3: #ddd;
  --border: #ddd;
  --border2: #ccc;
  --t1: #1a1a1a;
  --t2: #333;
  --t3: #666;
  --t4: #999;
  --gold: #cc0000;
  --gold-d: #a30000;
  --gold-l: #ff3333;
  --gold-bg: rgba(204,0,0,.08);
  --gold-bg2: rgba(204,0,0,.15);
  --gold-glow: 0 0 20px rgba(204,0,0,.2);
  --red: #cc0000;
  --green: #16a34a;
  --ff-d: 'Oswald', sans-serif;
  --ff-h: 'Oswald', sans-serif;
  --ff-b: 'Open Sans', sans-serif;
}
[data-theme="motors"] #p-track section { padding-top:40px!important }
[data-theme="motors"] #p-track .sec-badge {
  font-family:'Oswald',sans-serif;color:#cc0000;font-size:11px;
  letter-spacing:2px;text-transform:uppercase;
  background:rgba(204,0,0,.08);border:1px solid rgba(204,0,0,.2);
  display:inline-block;padding:4px 14px;border-radius:2px;margin-bottom:8px;
}
[data-theme="motors"] #p-track .sec-h {
  font-family:'Oswald',sans-serif!important;color:#1a1a1a!important;
  font-size:28px!important;letter-spacing:1px!important;
}
[data-theme="motors"] #p-track .sec-h em { color:#cc0000!important;font-style:normal }
[data-theme="motors"] #p-track .trk-badge-blue{background:rgba(37,99,235,.1);color:#2563eb}
[data-theme="motors"] #p-track .trk-badge-green{background:rgba(22,163,74,.1);color:#16a34a}
[data-theme="motors"] #p-track .trk-badge-orange{background:rgba(204,0,0,.1);color:#cc0000}
[data-theme="motors"] #p-track .trk-badge-purple{background:rgba(139,92,246,.1);color:#7c3aed}
[data-theme="motors"] #p-track .trk-badge-gray{background:rgba(0,0,0,.06);color:#999}
[data-theme="motors"] #p-track .trk-badge-teal{background:rgba(20,184,166,.1);color:#0d9488}
[data-theme="motors"] #p-track .trk-tl-dot{border-color:#ddd;background:#fff}
[data-theme="motors"] #p-track .trk-tl-i:first-child .trk-tl-dot{background:#cc0000;border-color:#cc0000;box-shadow:0 0 8px rgba(204,0,0,.3)}
[data-theme="motors"] #p-track .trk-rdot.origin{background:#cc0000;box-shadow:0 0 6px rgba(204,0,0,.4)}
[data-theme="motors"] #p-track .trk-rdot.dest{background:#333;box-shadow:0 0 6px rgba(0,0,0,.3)}

/* ── THANK YOU PAGE extras ── */
[data-theme="motors"] .ty-t { font-family:'Oswald',sans-serif!important;color:#1a1a1a!important }
[data-theme="motors"] .ty-d { color:#555!important }
[data-theme="motors"] .ty-ico { color:#cc0000!important;border-color:#cc0000!important }

/* ── ORDER MODAL extras ── */

/* ── GENERAL OVERRIDES ── */
[data-theme="motors"] .fbar{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
[data-theme="motors"] .fbar select,[data-theme="motors"] .fbar input{background:#f8f8f8;border:1px solid #ccc;color:#333;font-size:12px;border-radius:4px}
[data-theme="motors"] .detail-gallery{background:#fff;border:1px solid #ddd;border-radius:6px}
[data-theme="motors"] .detail-info{background:#fff;border:1px solid #ddd;border-radius:6px}
[data-theme="motors"] .detail-description{background:#fff;border:1px solid #ddd;border-radius:6px}
[data-theme="motors"] .foot{background:linear-gradient(180deg,#222,#111);color:#aaa;padding:30px 0 0;margin-top:30px;border-top:none!important}
[data-theme="motors"] .foot-brand,[data-theme="motors"] .foot-logo{font-family:'Oswald',sans-serif!important;color:#fff;font-size:14px;letter-spacing:0;font-style:normal}
[data-theme="motors"] .foot-col-t{font-family:'Oswald',sans-serif;color:#fff;font-size:14px;text-transform:uppercase;margin-bottom:12px;position:relative;padding-bottom:8px}
[data-theme="motors"] .foot-col-t:after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:#cc0000}
[data-theme="motors"] .foot-links a{color:#aaa;font-size:12px}.foot-links a:hover{color:#cc0000}
[data-theme="motors"] .foot-bot{border-top:1px solid #333;color:#666;font-size:11px;padding:12px 15px;justify-content:center;gap:20px}
[data-theme="motors"] .nav-links.mob{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;background:#2a2a2a;box-shadow:0 4px 12px rgba(0,0,0,.4)}
[data-theme="motors"] .nav-links.mob li{display:block}
[data-theme="motors"] .nav-links.mob a{display:block;border-top:1px solid #444}
@media(max-width:900px){
  [data-theme="motors"] .pgrid{grid-template-columns:repeat(3,1fr)}
  [data-theme="motors"] .cats{grid-template-columns:repeat(2,1fr)}
  [data-theme="motors"] .advs{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  [data-theme="motors"] .motors-topbar{display:none}
  [data-theme="motors"] .motors-brand-main,[data-theme="motors"] .motors-brand-accent{font-size:30px}
  [data-theme="motors"] .motors-callbox{display:none}
  [data-theme="motors"] .nav-links{display:none}
  [data-theme="motors"] .nav-links.mob{display:flex}
  [data-theme="motors"] .hero{min-height:220px}
  [data-theme="motors"] .hero-inner{min-height:220px;padding:0 15px}
  [data-theme="motors"] .hero-h{font-size:20px!important}
  [data-theme="motors"] .pgrid{grid-template-columns:repeat(2,1fr);gap:8px}
  [data-theme="motors"] .cats,[data-theme="motors"] .advs{grid-template-columns:1fr}
  [data-theme="motors"] .sec,[data-theme="motors"] .phdr{padding:20px 12px}
}