/* ==================================
 WallpaperHub Theme Clean
================================== */


/* Light */

body{

    background:#ffffff;
    color:#111;

    transition:.3s;

}



/* =================
 Dark Mode
================= */


body.dark{

    background:#0b0b0b;
    color:#fff;

}



/* الحاويات */

body.dark main,
body.dark section,
body.dark header,
body.dark .container,
body.dark .card,
body.dark .settings-card,
body.dark .info-card,
body.dark .profile-cover{

    background:#111;

    color:#fff;

    border-color:#222;

}



/* النصوص فقط */

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark p,
body.dark label{

    color:#fff;

}



/* الأزرار */

body.dark button{

    background:#181818;

    color:#fff;

    border:1px solid #333;

}



/* Inputs */

body.dark input,
body.dark textarea,
body.dark select{

    background:#111;

    color:#fff;

    border:1px solid #333;

}



/* الصور */

body.dark img{

    background:transparent;

}



/* Bottom navigation — matching glass dock in dark mode */
body.dark .bottom-nav{
    background:rgba(18,22,38,.94);
    border:1px solid rgba(150,158,196,.20);
    box-shadow:0 14px 42px rgba(0,0,0,.38),0 2px 8px rgba(0,0,0,.22);
    color:#d8d9ec;
}
body.dark .bottom-nav .nav-item{
    color:#aeb5ca;
    background:transparent;
}
body.dark .bottom-nav .nav-item>p{color:inherit}
body.dark .bottom-nav .nav-item.active{
    color:#c2b6ff;
    background:transparent;
}
body.dark .bottom-nav .nav-item.active::before{
    background:rgba(151,129,255,.18);
}



/* أيقونات */

body.dark .material-icons{

    color:#fff;

}