/* ========== الوضع الليلي - نظيف ومرتب ========== */

/* ========== الخلفية الرئيسية ========== */

body.dark-mode {
    background-color: #0a0a0a !important;
    color: #d0d0d0 !important;
}

body.dark-mode * {
    background-color: inherit;
}

/* ========== Header & Footer ========== */

body.dark-mode header,
body.dark-mode [class*="header"],
body.dark-mode [class*="top-"] {
    background-color: #000000 !important;
}

body.dark-mode footer {
    background-color: #000000 !important;
}

/* ========== القائمة الخضراء ========== */

body.dark-mode .main-menu,
body.dark-mode nav,
body.dark-mode [style*="background: linear-gradient(135deg, rgb(46, 204, 113)"],
body.dark-mode [style*="background-color: rgb(46, 204, 113)"] {
    background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%) !important;
}

/* روابط القائمة - أزرق غامق */
body.dark-mode nav a,
body.dark-mode .navbar a,
body.dark-mode .main-menu a {
    color: #1e5a8e !important;
}

body.dark-mode nav a:hover,
body.dark-mode .navbar a:hover {
    color: #2980b9 !important;
}

/* ========== المجلدات والملفات ========== */

body.dark-mode .col-md-3 > div,
body.dark-mode .folder-home-item,
body.dark-mode [class*="folder"],
body.dark-mode [class*="file-"] {
    background-color: #1f1f1f !important;
    border-color: #2a2a2a !important;
}

/* ========== الحقول والأزرار ========== */

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #ffffff !important;
}

body.dark-mode input::placeholder {
    color: #888888 !important;
}

body.dark-mode button,
body.dark-mode .btn {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #ffffff !important;
}

/* الأزرار الخضراء */
body.dark-mode button[class*="success"],
body.dark-mode .btn-success,
body.dark-mode button[style*="background"],
body.dark-mode [class*="btn-primary"] {
    background-color: #2ecc71 !important;
    color: #ffffff !important;
}

/* ========== النصوص ========== */

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #ffffff !important;
}

body.dark-mode p,
body.dark-mode span,
body.dark-mode div,
body.dark-mode label,
body.dark-mode td {
    color: #d0d0d0 !important;
}

/* ========== الروابط ========== */

body.dark-mode a {
    color: #3498db !important;
}

body.dark-mode a:hover {
    color: #5dade2 !important;
}


/* ========== شريط الأخبار - إزالة البيضاء من جوا ========== */

body.dark-mode .mq-container,
body.dark-mode .marquee-set,
body.dark-mode .marquee-content,
body.dark-mode .mq-file-item {
    background-color: transparent !important;
    background: none !important;
}

/* خط فاصل بين الشريطين */
body.dark-mode .mq-container {
    border-bottom: 1px solid #2a2a2a !important;
    padding-bottom: 8px !important;
    margin-bottom: 8px !important;
}

body.dark-mode .mq-container:last-of-type {
    border-bottom: none !important;
}

/* Recent Files / Top Files - بيضاء */
body.dark-mode .mq-container h4,
body.dark-mode .mq-container strong {
    color: #ffffff !important;
    background: none !important;
}

/* الأيقونات */
body.dark-mode .mq-container .fa,
body.dark-mode .mq-container i {
    color: #ffffff !important;
}

/* الروابط - زرقاء بدون خلفية */
body.dark-mode .mq-container a,
body.dark-mode .marquee-content a,
body.dark-mode .mq-file-item a {
    color: #3498db !important;
    background-color: transparent !important;
    background: none !important;
}

body.dark-mode .mq-container a:hover {
    color: #5dade2 !important;
}

/* النصوص */
body.dark-mode .mq-container span,
body.dark-mode .mq-file-item span {
    color: #d0d0d0 !important;
    background: none !important;
}

/* الـ badges - ملونة */
body.dark-mode .badge {
    color: #ffffff !important;
}

body.dark-mode .badge.bg-green {
    background-color: #27ae60 !important;
}

body.dark-mode .badge.bg-blue {
    background-color: #3498db !important;
}

/* أي div داخلي */
body.dark-mode .mq-file-item.inline,
body.dark-mode .mq-file-item div {
    background: none !important;
}




/* ========== Breadcrumb (مسار المجلدات) ========== */

body.dark-mode .breadcrumb-nav-holder,
body.dark-mode .breadcrumb-nav-holder nav,
body.dark-mode .breadcrumb-nav-holder .breadcrumb {
    background-color: transparent !important;
    background: none !important;
}

body.dark-mode .breadcrumb-nav-holder .breadcrumb {
    padding: 10px 0 !important;
    border: none !important;
}

body.dark-mode .breadcrumb-nav-holder a,
body.dark-mode .breadcrumb-nav-holder button {
    background-color: #2a2a2a !important;
    color: #3498db !important;
    border: 1px solid #3a3a3a !important;
}

body.dark-mode .breadcrumb-nav-holder a:hover,
body.dark-mode .breadcrumb-nav-holder button:hover {
    background-color: #333 !important;
    color: #5dade2 !important;
}

body.dark-mode .breadcrumb-item {
    color: #888888 !important;
}

body.dark-mode .breadcrumb-item a {
    color: #3498db !important;
}

body.dark-mode .breadcrumb-item.active {
    color: #d0d0d0 !important;
}

body.dark-mode .breadcrumb-item + .breadcrumb-item::before {
    color: #666666 !important;
}

/* ========== السكرول بار ========== */

body.dark-mode ::-webkit-scrollbar {
    background-color: #0a0a0a;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background-color: #2a2a2a;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background-color: #3a3a3a;
}

/* ========== ثيم رمضان - شفاف في Dark Mode ========== */

body.dark-mode .ramadan-lantern,
body.dark-mode .lantern-shadow,
body.dark-mode .star,
body.dark-mode .shimmer-overlay,
body.dark-mode .ramadan-greeting {
    background-color: transparent !important;
}

body.dark-mode .ramadan-lantern svg {
    background: none !important;
}

/* ========== الانتقالات السلسة ========== */

body.dark-mode,
body.dark-mode * {
    transition: background-color 0.3s ease, color 0.3s ease !important;
}


/* ========== الصور - بدون خلفية في Dark Mode ========== */

body.dark-mode img {
    background-color: transparent !important;
    background: none !important;
}

/* صور المجلدات والملفات */
body.dark-mode .folder-home-item img,
body.dark-mode .folder-item img,
body.dark-mode .file-grid-item img,
body.dark-mode .file-list-item img {
    background-color: transparent !important;
    background: none !important;
}

/* أيقونات عامة */
body.dark-mode .icon img,
body.dark-mode [class*="icon"] img {
    background-color: transparent !important;
}

/* ========== اللوجو - بدون خلفية (أقوى) ========== */

body.dark-mode .logo-holder {
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
}

body.dark-mode .logo {
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
}

body.dark-mode .logo a,
body.dark-mode .logo-holder a {
    background: transparent !important;
}

body.dark-mode .logo img {
    background: transparent !important;
}


/* ========== شريط فوق كل شي (Login/Register/Language) - غامق ========== */

body.dark-mode .top-header,
body.dark-mode [class*="top-bar"],
body.dark-mode .header-top {
    background-color: #000000 !important;
}

/* النصوص والروابط - أغمق */
body.dark-mode .top-header a,
body.dark-mode .top-header span,
body.dark-mode [class*="top-bar"] a {
    color: #888888 !important;
}

body.dark-mode .top-header a:hover {
    color: #aaaaaa !important;
}

/* الأيقونات */
body.dark-mode .top-header i,
body.dark-mode .top-header .fa {
    color: #888888 !important;
}