/* ======================
        DARK MODE
====================== */


body.dark {

    background: #111;

    color: white;

}




body.dark .navbar {

    background: #b3afaf;

    border-color: #333;

}



body.dark .nav-links li a {

    color: white;

}

body.dark .icons {
    color: black
}

body.dar body.dark .product-card,

body.dark .cart-item,

body.dark .auth-form,

body.dark .profile-card,

body.dark .order {

    background: #b3afaf;

    color: white;

}



body.dark input,
body.dark textarea,
body.dark select,
body.dark button,
body.dark .search-box input {

    background: #b3afaf;

    color: white;

    border: 1px solid #444;

}



.dark-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    margin-left: 12px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.08);
    color: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease, border-color .2s ease;
}

.dark-toggle:hover {
    background: rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
}

body.dark .dark-toggle {
    border-color: rgba(255, 255, 255, 0.55);
}


body.dark .order-product {

    display: flex;

    gap: 30px;

    padding: 20px;

    margin: 20px auto;

    width: 80%;

    background: #b3afaf;

    border-radius: 15px;

    box-shadow: 0 5px 15px #f0eeee;

    align-items: center;

}


.order-product img {

    width: 120px;

    height: 120px;

    object-fit: cover;

    border-radius: 10px;

}


.icons a i {

    font-size: 20px;
    color: #111;
    transition: .3s;

}


.icons a i:hover {

    color: #b88a44;
    transform: translateY(-2px);

}


body.dark .shop-banner {
    color: white;
}



/* index.html */
body.dark .products {
    background: #111;
    color: white;
}

/* profile */
body.dark .profile {
    background-color: black;
}

/* dashboard */
body.dark .admin-title,
body.dark .p-color,
body.dark #productsCount,
body.dark #usersCount,
body.dark #ordersCount,
body.dark .stat-card-link a {

    color: white;
}

body.dark .stat-card,
body.dark .stat-card-link a {
    background-color: #b3afaf;
}


/* admin-sales */
body.dark .sale-card,
body.dark .admin-order h3,
body.dark .admin-order strong,
body.dark .admin-order p {
    background-color: #b3afaf;
    color: white
}

/* admin-order */
body.dark .admin-order {
    background-color: #b3afaf;

}

/* admin-products */
body.dark h2,
body.dark input,
body.dark input::placeholder,
body.dark #category,
body.dark #description,
body.dark #description::placeholder,
body.dark button {
    color: white;
    border-color: white;
}

body.dark .product-form,
body.dark .admin-product {
    background-color: #b3afaf;
}

/* admin-users */
body.dark .user-card,
body.dark .user-card strong,
body.dark .user-card p {
    background-color: #b3afaf;
    color: white;
}

/* admin-user-datails */
body.dark .user-profile {
    background-color: #b3afaf;
}

body.dark .user-profile .user-name {
    color: white;
}

body.dark .info-box,
body.dark .info-box strong {
    background-color: black;
    border-color: white;
    color: white;

}

body.dark .order-card,
body.dark .order-card h3,
body.dark .order-card strong,
body.dark .order-card p {
    background-color: #b3afaf;
    color: white;
}

/* cart */
body.dark .summary {
    background-color: #b3afaf;
}

/* checkout */
body.dark #address::placeholder {
    color: white;
}

/* product */
body.dark .reviews {
    background-color: #b3afaf;

}

/* about */
body.dark .box h3 {
    color: #b88a44;
    
}
body.dark .about-text h2 {
    color: #b88a44;
    
}

/* contact */
body.dark #message::placeholder{
    color: white;
}