/*
 * Badil0 — Dark Mode CSS
 * Selector: html.dark-mode
 * مرتبط بـ: functions.php FOUC prevention script + bd-darkmode.js
 * localStorage key: bd_theme_mode
 */

html.dark-mode,
html.dark-mode body {
    --bg-color:           var(--dark-bg-color, #1d1d1d);
    --text-color:         var(--dark-color, #F5F5F5);
    --body-color:         var(--dark-color, #F5F5F5);
    --light-bg:           #282828;
    --light-bg-alt:       #222222;
    --light-border-color: var(--dark-border-color, rgba(255,255,255,0.07));
    --border-color:       rgba(255,255,255,0.07);
    --meta-color:         #aaaaaa;
    --surface:            #1e1e1e;
    --surface-alt:        #252525;
    background-color:     var(--dark-bg-color, #1d1d1d);
    color:                var(--dark-color, #F5F5F5);
}

html.dark-mode #site {
    background-color: var(--dark-bg-color, #1d1d1d);
}

/* الهيدر */
html.dark-mode .site-header,
html.dark-mode #site-header {
    background-color: color-mix(in oklab, var(--dark-bg-color) 88%, transparent);
    border-block-end-color: var(--dark-border-color, rgba(255,255,255,0.07));
}

/* الفوتر */
html.dark-mode .site-footer,
html.dark-mode #site-footer {
    background-color: var(--dark-bg-color, #1d1d1d);
    border-top-color: var(--dark-border-color, rgba(255,255,255,0.07));
}

/* البطاقات والمقالات */
html.dark-mode .archive-loop-item,
html.dark-mode article.post {
    background-color: #1e1e1e;
    border-color: var(--dark-border-color, rgba(255,255,255,0.07));
}

/* الودجات */
html.dark-mode .widget {
    background-color: #1e1e1e;
    border-color: rgba(255,255,255,0.06);
}

/* الروابط */
html.dark-mode a { color: var(--dark-color, #F5F5F5); }
html.dark-mode .entry-title a { color: var(--dark-color, #F5F5F5); }
html.dark-mode .entry-title a:hover { color: var(--site-color); }
html.dark-mode .nav-menu > li > a { color: var(--dark-color, #F5F5F5); }

/* الفورمات */
html.dark-mode input,
html.dark-mode textarea,
html.dark-mode select {
    background-color: #2a2a2a;
    color: #f0f0f0;
    border-color: rgba(255,255,255,0.1);
}

/* القوائم المنسدلة */
html.dark-mode .mega-menu,
html.dark-mode .side-menu {
    background-color: #1e1e1e;
    border-color: rgba(255,255,255,0.08);
}
html.dark-mode .mega-menu__col a,
html.dark-mode .side-menu a { color: var(--dark-color, #F5F5F5); }

/* شريط الأخبار */
html.dark-mode .news-ticker {
    background-color: #1a1a1a;
    border-color: rgba(255,255,255,0.06);
}
html.dark-mode .news-ticker__list a { color: var(--dark-color, #F5F5F5); }

/* البحث */
html.dark-mode .search-overlay {
    background: rgba(10,10,10,0.88);
}
html.dark-mode .search-overlay__form {
    background: #1e1e1e;
    border-color: rgba(255,255,255,0.08);
}
html.dark-mode .search-overlay__form input[type="search"] {
    color: var(--dark-color, #F5F5F5);
}

/* زر Dark Mode */
html.dark-mode #dark-mode-toggle .icon-moon { display: none; }
html.dark-mode #dark-mode-toggle .icon-sun  { display: inline-flex; }

/* Transition سلس */
html,
html body,
html .site-header,
html .site-footer,
html .archive-loop-item,
html article.post {
    transition:
        background-color 280ms ease,
        color 280ms ease,
        border-color 280ms ease;
}