/* ============================================================
   OZEE LUXE 2.0 — فخامة دافئة (عاجي + ذهبي + فحمي)
   مريح للعين · فخم · يناسب سوق شامل
   يُحمّل بعد style.css فيطغى عليه
   ============================================================ */

:root{
    --lx-bg:#FAF7F2;          /* عاجي دافئ (الخلفية) */
    --lx-bg2:#F3EEE6;         /* عاجي أغمق شوي */
    --lx-panel:#FFFFFF;        /* بطاقات بيضاء ناصعة */
    --lx-line:#E7E0D5;         /* حدود دافئة ناعمة */
    --lx-ink:#1E1B16;          /* فحمي دافئ (النصوص) */
    --lx-mut:#8A8175;          /* رمادي دافئ (نص ثانوي) */
    --lx-gold:#F4A300;         /* ذهبي OZEE */
    --lx-gold-lt:#E8C36A;      /* ذهب فاتح */
    --lx-gold-dp:#C6850A;      /* ذهب غامق */
    --lx-dark:#1A1712;         /* فحمي للهيدر/الفوتر */

    --lx-radius:14px;
    --lx-radius-sm:10px;
    --lx-gap:14px;
    --lx-section:26px;
    --lx-shadow:0 2px 12px rgba(30,27,22,.06);
    --lx-shadow-hover:0 14px 34px rgba(30,27,22,.12);
}

/* ——— الأساس ——— */
body{background:var(--lx-bg)!important;color:var(--lx-ink)!important}
.wrap{background:transparent!important}
a{color:var(--lx-ink)}

/* ——— الهيدر (فحمي فخم مع ذهبي) ——— */
header, .topbar, .site-header{
    background:linear-gradient(180deg,#1A1712,#231E18)!important;
    border-bottom:2px solid var(--lx-gold)!important;
}
.topbar *, header *{color:#F5F1E8}
.brand, .logo, .site-logo{color:var(--lx-gold)!important}

/* مربّع البحث (الهيدر) */
.topsearch{position:relative}
.topsearch input{
    height:46px!important;
    background:#2A241D!important;
    border:1.5px solid #3A332A!important;
    border-radius:var(--lx-radius)!important;
    color:#F5F1E8!important;
    padding:0 44px 0 16px!important;
    font-size:14px!important;
    transition:border-color .18s,box-shadow .18s!important;
}
.topsearch input::placeholder{color:#9A9184!important;opacity:1!important}
.topsearch input:focus{
    border-color:var(--lx-gold)!important;
    box-shadow:0 0 0 3px rgba(244,163,0,.18)!important;
    outline:none!important;
}
.topsearch button, .topsearch .sbtn{
    position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);
    background:transparent!important;color:var(--lx-gold)!important;
    border:none!important;width:34px;height:34px;font-size:17px;cursor:pointer;
}

/* ——— بطاقات المنتجات (بيضاء، الصور تلمع) ——— */
.wrap .pc{
    background:var(--lx-panel)!important;
    border:1px solid var(--lx-line)!important;
    border-radius:var(--lx-radius)!important;
    box-shadow:var(--lx-shadow)!important;
    overflow:hidden!important;
}
.wrap .pc .im, .wrap .pc .imgwrap{background:#F7F4EF!important}
.wrap .pc .bd{padding:12px 12px 14px!important}
.wrap .pc .nm{color:var(--lx-ink)!important}
.wrap .pc .pc-brand{color:var(--lx-gold-dp)!important}
.wrap .pc .pr .pr-now, .wrap .pc .pr .cur{color:var(--lx-ink)!important;font-weight:900}
.wrap .pc .pr small{color:var(--lx-mut)!important}
.wrap .pc .disc{
    background:linear-gradient(135deg,var(--lx-gold),var(--lx-gold-dp))!important;
    color:#fff!important;
    box-shadow:0 3px 10px rgba(244,163,0,.3)!important;
}
.wrap .pc .heart{background:rgba(255,255,255,.9)!important;color:var(--lx-gold-dp)!important}
.wrap .pc:hover{
    border-color:var(--lx-gold-lt)!important;
    box-shadow:var(--lx-shadow-hover)!important;
    transform:translateY(-3px);
}

/* ——— العناوين ——— */
.sec-head{margin:var(--lx-section) 0 var(--lx-gap)!important}
.sec-head h2{color:var(--lx-ink)!important;font-weight:900!important}
.sec-head h2::before{background:linear-gradient(180deg,var(--lx-gold),var(--lx-gold-dp))!important}
.sec-head a{
    background:#FFF6E5!important;
    border:1px solid var(--lx-gold-lt)!important;
    color:var(--lx-gold-dp)!important;
    border-radius:20px!important;
    padding:6px 14px!important;
    font-weight:800!important;
}
.sec-head a:hover{background:#FFEAC4!important}

/* ——— الأزرار ——— */
.btn, button.btn{
    background:linear-gradient(135deg,var(--lx-gold),var(--lx-gold-dp))!important;
    color:#fff!important;
    border:none!important;
    border-radius:var(--lx-radius-sm)!important;
    font-weight:800!important;
}
.btn.dark{background:var(--lx-dark)!important;color:var(--lx-gold)!important}
.btn:hover{filter:brightness(1.06)}

/* ——— شريط الثقة ——— */
.trust-bar{gap:10px!important;margin:16px 0!important}
.trust-item{
    background:var(--lx-panel)!important;
    border:1px solid var(--lx-line)!important;
    border-radius:var(--lx-radius-sm)!important;
    padding:13px 15px!important;
    box-shadow:var(--lx-shadow)!important;
}
.trust-item b{color:var(--lx-ink)!important}
.trust-item span{color:var(--lx-mut)!important}
.trust-item .ti-ic{color:var(--lx-gold-dp)}

/* ——— الفوتر (فحمي فخم) ——— */
footer, .site-footer{
    background:linear-gradient(180deg,#231E18,#1A1712)!important;
    border-top:2px solid var(--lx-gold)!important;
    color:#B8AF9F!important;
}
footer a{color:#B8AF9F!important}
footer a:hover{color:var(--lx-gold)!important}
footer b, footer strong, footer h3, footer h4{color:#F5F1E8!important}

/* شريط تنقّل سفلي (موبايل) */
.botnav{background:var(--lx-panel)!important;border-top:1px solid var(--lx-line)!important}
.botnav a{color:var(--lx-mut)!important}
.botnav a.on, .botnav a:hover{color:var(--lx-gold-dp)!important}

/* ——— الكروت العامة ——— */
.card{
    background:var(--lx-panel)!important;
    border:1px solid var(--lx-line)!important;
    border-radius:var(--lx-radius)!important;
    color:var(--lx-ink)!important;
    box-shadow:var(--lx-shadow)!important;
}

/* ——— النماذج ——— */
input, select, textarea{
    background:var(--lx-panel)!important;
    border:1.5px solid var(--lx-line)!important;
    color:var(--lx-ink)!important;
    border-radius:var(--lx-radius-sm)!important;
    min-height:44px!important;
}
input::placeholder, textarea::placeholder{color:var(--lx-mut)!important}
textarea{min-height:90px!important}
label{color:var(--lx-ink)!important;font-weight:700}
input:focus, select:focus, textarea:focus{
    border-color:var(--lx-gold)!important;
    box-shadow:0 0 0 3px rgba(244,163,0,.12)!important;
    outline:none!important;
}
select{
    background-image:linear-gradient(45deg,transparent 50%,var(--lx-gold-dp) 50%),linear-gradient(135deg,var(--lx-gold-dp) 50%,transparent 50%)!important;
    background-position:calc(0% + 14px) center,calc(0% + 19px) center!important;
    background-size:5px 5px,5px 5px!important;
    background-repeat:no-repeat!important;
    -webkit-appearance:none!important;appearance:none!important;
    padding-inline-start:32px!important;
}
input[type="file"]{background:var(--lx-bg2)!important;border:1.5px dashed var(--lx-line)!important;color:var(--lx-mut)!important;padding:11px!important}
input[type="file"]:hover{border-color:var(--lx-gold-dp)!important}

/* ——— الأقسام الدائرية ——— */
.cat-row{
    background:var(--lx-panel)!important;
    border:1px solid var(--lx-line)!important;
    border-radius:var(--lx-radius)!important;
    box-shadow:var(--lx-shadow)!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(84px,1fr))!important;
    gap:10px!important;
    padding:18px 14px!important;
}
.cat-item{padding:6px 2px!important}
.cat-item span{color:var(--lx-mut)!important;font-weight:700;font-size:12px!important;line-height:1.3!important}
.cat-item:hover span{color:var(--lx-gold-dp)!important}
.cat-item .circle{
    width:58px!important;height:58px!important;
    background:linear-gradient(145deg,#FFF9EF,#FBF3E2)!important;
    border:1px solid var(--lx-gold-lt)!important;
    border-radius:16px!important;
    color:var(--lx-gold-dp)!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    margin:0 auto 8px!important;
    transition:transform .15s,border-color .15s!important;
}
.cat-item .circle svg{width:26px!important;height:26px!important;color:var(--lx-gold-dp)!important}
.cat-item:hover .circle{transform:translateY(-3px)!important;border-color:var(--lx-gold)!important}

/* القائمة الجانبية (كمبيوتر) */
.hsidebar{background:var(--lx-panel)!important;border:1px solid var(--lx-line)!important;border-radius:var(--lx-radius)!important}
.hs-title{color:var(--lx-ink)!important;border-color:var(--lx-line)!important}
.hs-cat{color:var(--lx-ink)!important}
.hs-cat:hover{background:var(--lx-bg2)!important}
.hs-cat .hs-ic svg{width:19px!important;height:19px!important;color:var(--lx-gold-dp)!important}
.hs-cat .hs-ar{color:var(--lx-mut)!important}

/* ——— شريط ترويجي علوي ——— */
.promo-banner{
    background:linear-gradient(90deg,#FFF6E5,#FBEFD5)!important;
    border:1px solid var(--lx-gold-lt)!important;
    color:var(--lx-gold-dp)!important;
}
.promo-banner b{color:var(--lx-ink)!important}

/* ——— بطاقات الماركات ——— */
.brand-grid{gap:10px!important}
.brand-card{
    background:var(--lx-panel)!important;
    border:1px solid var(--lx-line)!important;
    border-radius:var(--lx-radius-sm)!important;
    box-shadow:var(--lx-shadow)!important;
    padding:12px 14px!important;
}
.brand-card:hover{border-color:var(--lx-gold-lt)!important;box-shadow:var(--lx-shadow-hover)!important;transform:translateY(-2px)}
.brand-name{color:var(--lx-ink)!important}
.brand-card:hover .brand-name{color:var(--lx-gold-dp)!important}
.brand-mono{background:linear-gradient(135deg,var(--lx-gold),var(--lx-gold-dp))!important;color:#fff!important}
.brand-mono.car{background:var(--lx-bg2)!important;color:var(--lx-gold-dp)!important;border:1px solid var(--lx-gold-lt)!important}
.brand-sub{color:var(--lx-mut)!important}

/* ——— شبكة البانرات الصغيرة ——— */
.promo{border:1px solid var(--lx-line)!important;border-radius:var(--lx-radius)!important;background:var(--lx-panel)!important;box-shadow:var(--lx-shadow)!important}
.promo b{color:var(--lx-ink)!important}
.promo span{color:var(--lx-mut)!important}

/* ——— البانرات الكبيرة (تبقى ملوّنة فخمة) ——— */
.used-banner,.cars-banner,.re-banner,.craft-banner,.map-banner{
    border-radius:var(--lx-radius)!important;padding:16px 20px!important;margin:12px 0!important;
}

/* ——— الهيرو الفخم (عاجي + ذهبي) ——— */
.lux-hero{
    background:radial-gradient(120% 100% at 75% 0%,#FFFDF8 0%,#F3EEE6 70%)!important;
    border:1px solid var(--lx-gold-lt)!important;
}
.lux-hero h1{color:var(--lx-ink)!important}
.lux-hero h1 span{color:#C6850A!important;-webkit-text-fill-color:#C6850A!important}
.lux-hero p{color:var(--lx-mut)!important}
.lux-eyebrow{color:var(--lx-gold-dp)!important}
.lux-z{box-shadow:0 20px 50px rgba(244,163,0,.35),inset 0 2px 10px rgba(255,255,255,.4)!important}
.lux-badge-txt{color:var(--lx-ink)!important}
.lux-badge-txt span{color:var(--lx-gold-dp)!important}

/* ——— شرائح الأقسام/الماركات (products.php) ——— */
.filter-chips .fchip{background:var(--lx-panel)!important;border:1.5px solid var(--lx-line)!important;color:var(--lx-ink)!important}
.filter-chips .fchip:hover{border-color:var(--lx-gold)!important;color:var(--lx-gold-dp)!important}
.filter-chips .fchip.on{background:linear-gradient(135deg,var(--lx-gold),var(--lx-gold-dp))!important;border-color:var(--lx-gold)!important;color:#fff!important;font-weight:900!important}

/* لوحة الفلاتر */
.filter-panel{background:var(--lx-panel)!important;border:1px solid var(--lx-line)!important;border-radius:var(--lx-radius)!important;box-shadow:var(--lx-shadow)!important}
.fp-clear, .prod-count, .results-count{color:var(--lx-gold-dp)!important}

/* ——— زر للأعلى ——— */
#toTop{background:linear-gradient(135deg,var(--lx-gold),var(--lx-gold-dp))!important;color:#fff!important;box-shadow:0 4px 14px rgba(244,163,0,.35)!important}

/* ——— أقسام فارغة ——— */
.empty-note{background:var(--lx-panel)!important;border:1px solid var(--lx-line)!important;color:var(--lx-mut)!important;border-radius:var(--lx-radius)!important}

/* ——— شبكة المنتجات ——— */
.wrap .grid, .products-grid, .pgrid{gap:var(--lx-gap)!important}

/* ═══ ضمان وضوح كل النصوص على الخلفية العاجية ═══ */
.wrap h1, .wrap h2, .wrap h3, .wrap h4,
.page-title, .sec-title, .section-title{color:var(--lx-ink)!important}
.wrap p, .wrap li, .wrap span, .wrap div{color:inherit}
.page-sub, .muted, .text-muted{color:var(--lx-mut)!important}

/* أي نص أبيض عالق على خلفية فاتحة → فحمي (احتياط) */
.wrap .card *, .wrap section > *{}
.alert{border-radius:var(--lx-radius-sm)!important}
.alert.success{background:#EAF5E1!important;color:#3B6D11!important;border:1px solid #C5E4AC!important}
.alert.error{background:#FBEAEA!important;color:#B93030!important;border:1px solid #F0C4C4!important}
.alert.info{background:#FFF6E5!important;color:#8a6400!important;border:1px solid #FAE2AE!important}

/* البادجات */
.badge{border-radius:8px!important}
.badge.active{background:#EAF5E1!important;color:#3B6D11!important}
.badge.pending{background:#FFF4E5!important;color:#B25E00!important}

/* ═══════════════════════════════════════════════════════════
   لوحة التاجر/الأدمن — تحسين فخم متناسق
   ═══════════════════════════════════════════════════════════ */

/* الترويسة */
.adm-hero{
    background:linear-gradient(135deg,#1A1712,#2A241D)!important;
    color:#F5F1E8!important;
    border-radius:var(--lx-radius)!important;
    border:1px solid #3A332A!important;
    padding:22px 24px!important;
    box-shadow:var(--lx-shadow)!important;
}
.adm-hero-title{color:#F5F1E8!important}
.adm-hero-sub{color:var(--lx-gold-lt)!important;font-weight:700}

/* بطاقة الرصيد */
.adm-revenue, .adm-top .adm-revenue{
    background:linear-gradient(135deg,#F4A300,#C6850A)!important;
    border-radius:var(--lx-radius)!important;
    box-shadow:0 8px 24px rgba(244,163,0,.25)!important;
    color:#fff!important;
}
.adm-rev-label,.adm-rev-val,.adm-rev-sub{color:#fff!important}
.adm-rev-val span{opacity:.85}

/* بطاقات الإحصائيات — فخمة موحّدة */
.adm-stats{gap:12px!important}
.adm-stat{
    background:var(--lx-panel)!important;
    border:1px solid var(--lx-line)!important;
    border-radius:var(--lx-radius)!important;
    box-shadow:var(--lx-shadow)!important;
    padding:18px 14px!important;
    transition:transform .15s,box-shadow .15s,border-color .15s!important;
    position:relative;overflow:hidden;
}
.adm-stat::before{
    content:"";position:absolute;top:0;inset-inline-start:0;width:100%;height:3px;
    background:linear-gradient(90deg,var(--c,#F4A300),var(--c2,#C6850A));
}
.adm-stat:hover{transform:translateY(-3px)!important;box-shadow:var(--lx-shadow-hover)!important;border-color:var(--lx-gold-lt)!important}
.adm-stat-ic{
    width:46px;height:46px;border-radius:12px;
    background:linear-gradient(135deg,var(--c,#F4A300),var(--c2,#C6850A))!important;
    color:#fff!important;display:flex;align-items:center;justify-content:center;
    font-size:22px;margin-bottom:10px;box-shadow:0 4px 12px rgba(0,0,0,.12);
}
.adm-stat-val{color:var(--lx-ink)!important;font-size:26px!important;font-weight:900!important}
.adm-stat-lbl{color:var(--lx-mut)!important;font-weight:700}

/* روابط سريعة */
.adm-quick{gap:10px!important}
.adm-q{
    background:var(--lx-panel)!important;
    border:1px solid var(--lx-line)!important;
    border-radius:var(--lx-radius-sm)!important;
    color:var(--lx-ink)!important;
    box-shadow:var(--lx-shadow)!important;
    transition:border-color .15s,transform .15s!important;
    font-weight:700!important;
}
.adm-q:hover{border-color:var(--lx-gold)!important;transform:translateY(-2px);color:var(--lx-gold-dp)!important}
.adm-q span{color:var(--lx-gold-dp)}

/* صفوف المعلومات (أفضل المنتجات) */
.info-row{border-bottom:1px solid var(--lx-line)!important;color:var(--lx-ink)!important}
.info-row:last-child{border-bottom:none!important}

/* رسم المبيعات */
.adm-chart, .sales-chart{background:var(--lx-panel)!important}
.bar, .chart-bar{background:linear-gradient(180deg,var(--lx-gold),var(--lx-gold-dp))!important;border-radius:4px 4px 0 0!important}

/* البادجات باللوحة */
.adm-hero .badge.active{background:rgba(255,255,255,.15)!important;color:#7FE3A0!important}
.adm-hero .badge.pending{background:rgba(255,255,255,.15)!important;color:#FFD98A!important}

/* ═══ صندوق اقتراحات البحث — متناسق فخم ═══ */
.search-suggest{
    background:#fff!important;
    border:1px solid var(--lx-line)!important;
    border-radius:0 0 var(--lx-radius) var(--lx-radius)!important;
    box-shadow:0 16px 40px rgba(30,27,22,.18)!important;
    overflow:hidden;
    max-height:420px;overflow-y:auto;
}
.ss-sec{background:var(--lx-bg2)!important;color:var(--lx-mut)!important;font-weight:800!important}
.ss-item, .ss-brand{color:var(--lx-ink)!important;border-top:1px solid var(--lx-line)!important}
.ss-item:hover, .ss-brand:hover{background:#FFF6E5!important}
.ss-item .ss-nm{color:var(--lx-ink)!important}
.ss-item .ss-pr{color:var(--lx-gold-dp)!important}
.ss-item .ss-img{background:var(--lx-bg2)!important}
.ss-tag{background:var(--lx-bg2)!important;color:var(--lx-mut)!important;font-size:10px;padding:2px 8px;border-radius:6px;margin-inline-start:auto}
.ss-empty{padding:16px;text-align:center;color:var(--lx-mut)!important;font-size:13px}

/* ═══ لوحة الأدمن — عناصر إضافية ═══ */
.adm-period{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.adm-period-box{
    background:var(--lx-panel)!important;
    border:1px solid var(--lx-line)!important;
    border-radius:var(--lx-radius)!important;
    box-shadow:var(--lx-shadow)!important;
    padding:16px!important;
}
.adm-p-label{color:var(--lx-mut)!important;font-size:12px;font-weight:700}
.adm-p-val{color:var(--lx-ink)!important;font-size:22px;font-weight:900;margin:4px 0}
.adm-p-sub{color:var(--lx-gold-dp)!important;font-size:12px;font-weight:700}

/* خط المبيعات المصغّر (sparkline) */
.adm-rev-spark{display:flex;align-items:flex-end;gap:3px;margin-top:12px;height:46px}
.adm-rev-spark span{flex:1;background:rgba(255,255,255,.45)!important;border-radius:3px 3px 0 0;min-height:3px}

/* شريط التنبيهات */
.adm-alerts{background:transparent!important}
.adm-alerts-title{color:var(--lx-ink)!important;font-weight:800}
.adm-alert{
    background:var(--lx-panel)!important;
    border:1px solid var(--lx-line)!important;
    border-inline-start:4px solid var(--ac,#F4A300)!important;
    border-radius:var(--lx-radius-sm)!important;
    color:var(--lx-ink)!important;
    box-shadow:var(--lx-shadow)!important;
}
.adm-alert:hover{transform:translateX(-3px)}
.adm-alert .ai{color:var(--ac,#F4A300)}
.adm-alert .ar{color:var(--lx-mut)!important}
.adm-alert b{color:var(--lx-gold-dp)!important}

/* شارة OZEE بالترويسة */
.adm-hero-badge{background:linear-gradient(135deg,var(--lx-gold),var(--lx-gold-dp))!important;color:#fff!important;font-weight:900;border-radius:12px}