/* ===== الخلفية العامة ===== */
body,
.main-content,
main,
.container,
.content,
.app-content {
    background-color: #f5f1e6 !important;
    font-family: 'Arial', sans-serif;
    color: #333333;
}

/* ===== الصفحة الرئيسية ===== */
.homepage, .front-page {
    background-color: #f5f1e6 !important;
}

/* ===== صفحة المنتجات ===== */
.product-page, .single-product {
    background-color: #f5f1e6 !important;
}

/* ===== السلة ===== */
.cart, .shopping-cart, .cart-page {
    background-color: #f5f1e6 !important;
    color: #333333;
}

/* ===== العناوين ===== */
h1, h2, h3, h4, h5, h6 {
    color: #4d4d4d;
    background: linear-gradient(90deg, #f5f1e6, #e0d8c7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ===== النصوص ===== */
p, span, li {
    color: #333333;
}

/* ===== الروابط ===== */
a {
    color: #4d4d4d;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.2s ease;
}

a:hover {
    color: #111111;
    text-decoration: underline;
    transform: scale(1.02);
}

/* ===== الأزرار ===== */
button, .btn, .submit-button {
    background: linear-gradient(145deg, #f5f1e6, #e0d8c7) !important;
    border: 2px solid #d7cbb5 !important;
    color: #333333 !important;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease, transform 0.2s ease;
}

button:hover, .btn:hover, .submit-button:hover {
    background: linear-gradient(145deg, #e0d8c7, #f5f1e6) !important;
    color: #111111 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}

/* ===== البطاقات والكروت ===== */
.card, .product-card, .product-item {
    background: linear-gradient(180deg, #ffffff, #f9f5ee);
    border: 1px solid #e0d8c7;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover, .product-card:hover, .product-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}

/* ===== القوائم وشريط التصفح ===== */
.navbar, .menu, .footer {
    background: linear-gradient(90deg, #f5f1e6, #f0e8d9);
    color: #333333;
    padding: 15px 25px;
    border-bottom: 1px solid #e0d8c7;
}

/* ===== عناصر ثانوية ===== */
.sidebar, .widget, .info-box {
    background: linear-gradient(180deg, #f9f5ee, #f0e8d9);
    border: 1px solid #e0d8c7;
    border-radius: 8px;
    padding: 15px;
    transition: background 0.3s ease, transform 0.2s ease;
}

.sidebar:hover, .widget:hover, .info-box:hover {
    background: linear-gradient(180deg, #f0e8d9, #f5f1e6);
    transform: translateY(-2px);
}