/* ===== Dark Mode ===== */
html.dark body,
html.dark{
    background:#0f0f14 !important;
    color:#e5e5e5 !important;
}
html.dark .wrap,
html.dark .card,
html.dark .item,
html.dark .stat,
html.dark .cat-card,
html.dark .filters-bar form,
html.dark .search-wrap,
html.dark .suggestions,
html.dark .sug-item,
html.dark form,
html.dark .box,
html.dark .notif,
html.dark .top-item,
html.dark .offer{
    background:#1a1a24 !important;
    color:#e5e5e5 !important;
    box-shadow:0 4px 14px rgba(0,0,0,.5) !important;
}
html.dark .sug-item{border-bottom-color:#2a2a35 !important}
html.dark .sug-item:hover,
html.dark .recent-item:hover,
html.dark .cat-card:hover{background:#23232f !important}
html.dark h1,html.dark h2,html.dark h3,html.dark h4,
html.dark .stat-val,html.dark .sug-title,html.dark .n-title,
html.dark .recent-title,html.dark .page-title,
html.dark .cat-card,html.dark label{color:#ffd27d !important}
html.dark .stat-label,html.dark .sug-sub,html.dark .recent-sub,
html.dark .n-text,html.dark p,html.dark .sub,html.dark .n-time,
html.dark .desc,html.dark small{color:#b0b0b0 !important}
html.dark input,html.dark select,html.dark textarea{
    background:#23232f !important;
    color:#e5e5e5 !important;
    border-color:#3a3a48 !important;
}
html.dark .navbar,html.dark .hero,html.dark .top,html.dark .head,
html.dark .header{
    background:linear-gradient(135deg,#1a1a24,#2a2a3a) !important;
}
html.dark .top-item{background:#23232f !important}
html.dark .recent-item,html.dark .review{border-bottom-color:#2a2a35 !important}
/* ===== Dark Mode - Item Cards (Premium) ===== */
html.dark .item{
    background:linear-gradient(145deg,#1e1e2e,#252538) !important;
    border:1px solid rgba(255,215,125,.15) !important;
    box-shadow:0 8px 25px rgba(0,0,0,.6) !important;
}
html.dark .item:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(182,137,60,.4) !important;
    border-color:rgba(255,215,125,.6) !important;
}

/* الإطار الدوار بألوان ذهبية أغمق */
html.dark .item::before{
    background:conic-gradient(
        from 0deg,
        #ffd27d,
        transparent,
        #b6893c,
        transparent,
        #ffd27d
    ) !important;
    opacity:.6;
}
/* ::after هي اللي تغطي البطاقة بأبيض - نغيرها لـ gradient داكن */
html.dark .item::after{
    background:linear-gradient(145deg,#1e1e2e,#252538) !important;
}

/* النص داخل البطاقة */
html.dark .info h3{
    color:#ffd27d !important;
    font-weight:900;
}
html.dark .info p{color:#9e9eb0 !important}
html.dark .info p.price{
    color:#ffd27d !important;
    font-weight:900 !important;
    font-size:18px;
    text-shadow:0 0 10px rgba(255,215,125,.3);
}

/* Badge (المدينة) */
html.dark .badge{
    background:linear-gradient(135deg,#b6893c,#6b4b1f) !important;
    color:#fff !important;
    box-shadow:0 4px 12px rgba(0,0,0,.5);
    border:1px solid rgba(255,215,125,.4);
}

/* عدد الصور */
html.dark .photos-count{
    background:rgba(0,0,0,.85) !important;
    border:1px solid rgba(255,215,125,.3);
    color:#ffd27d !important;
}

/* Favorite button */
html.dark .fav-btn{
    background:rgba(10,10,20,.9) !important;
    border:1px solid rgba(255,215,125,.4);
}
html.dark .fav-btn.active{
    background:linear-gradient(135deg,#e91e63,#c2185b) !important;
    box-shadow:0 0 20px rgba(233,30,99,.6);
    filter:none;opacity:1;
}
html.dark .f-item input,html.dark .f-item select{background:#23232f !important;color:#e5e5e5 !important}
html.dark .empty{color:#888 !important}

/* زر التبديل */
.theme-toggle{
    background:rgba(255,255,255,.15);
    border:0;color:#fff;
    width:38px;height:38px;border-radius:50%;
    font-size:18px;cursor:pointer;
    margin-right:8px;transition:.2s;
}
.theme-toggle:hover{transform:rotate(20deg) scale(1.1)}