/*
==================================================
CSS مُعدَّل - تصميم "فخم و مميز" - لا للون الأبيض نهائياً
==================================================
هذا الكود يضمن استبدال كل ما هو أبيض باللون الأحمر الداكن أو الأسود.
*/

/* 0. تحديد شامل لإزالة أي خلفية بيضاء أو رمادية فاتحة */
* {
    /* يرجى الحذر، هذا المحدد قوي جداً لضمان إزالة الأبيض */
    border-color: #222222 !important; /* تحويل الحدود البيضاء إلى أسود خفيف */
    box-shadow: none !important; /* إزالة أي ظلال فاتحة */
}

/* 1. إعداد الجسم والخلفية العامة - لا أبيض */
body, html {
    background-color: #111111 !important; /* أسود داكن عميق */
    color: #CD5C5C !important; /* لون النص الأساسي */
}

/* 2. النصوص والعناوين والروابط */
h1, h2, h3, h4, h5, h6, strong, p, span, label {
    color: #CD5C5C !important;
}

a {
    color: #CD5C5C !important;
    text-decoration: none !important;
}

a:hover {
    color: #A52A2A !important;
}

/* 3. الهيدر والناف بار - أسود خالص */
.header, .navbar, .menu, nav, .top-bar {
    background-color: #000000 !important;
    border-bottom: 2px solid #600000 !important;
}

.header a, .navbar a, .menu a {
    color: #CD5C5C !important;
}

.header a:hover, .navbar a:hover, .menu a:hover {
    background-color: #111111 !important;
    color: #A52A2A !important;
}

/* 4. الأزرار (شراء، إضافة إلى السلة، الدفع) */
button, .btn, input[type="submit"], .add-to-cart-btn, .checkout-btn {
    background-color: #600000 !important; /* أحمر داكن فخم */
    color: #000000 !important; /* نص أسود خالص على الخلفية الحمراء */
    border: 1px solid #CD5C5C !important;
    font-weight: bold !important;
    transition: background-color 0.3s, color 0.3s !important;
}

button:hover, .btn:hover, input[type="submit"]:hover, .add-to-cart-btn:hover {
    background-color: #A52A2A !important;
}

/* 5. بطاقات المنتجات والأقسام - ضمان عدم وجود أي خلفية بيضاء */
.product-card, .section-box, .widget, .card, .product-details, .checkout-info {
    background-color: #000000 !important; /* أسود خالص للخلفيات */
    border: 1px solid #222222 !important;
    box-shadow: 0 4px 10px rgba(96, 0, 0, 0.7) !important;
}

.product-card:hover {
    border-color: #600000 !important;
}

.product-price {
    color: #CD5C5C !important;
}

/* 6. نماذج الإدخال والدفع - Checkout & Forms */
input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea, select {
    background-color: #111111 !important; /* أسود داكن لحقول الإدخال */
    color: #CD5C5C !important;
    border: 1px solid #600000 !important;
    padding: 10px !important;
    border-radius: 5px !important;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
    border-color: #A52A2A !important;
    box-shadow: 0 0 5px #600000 !important;
}

/* 7. الفوتر (تذييل الصفحة) */
.footer {
    background-color: #000000 !important;
    color: #CD5C5C !important;
    border-top: 2px solid #600000 !important;
}

/* 8. إزالة الأبيض بشكل قوي ومخصص (التركيز على العناصر التي تكون بيضاء عادةً) */

/* استبدال الخلفيات البيضاء/الفاتحة بشكل عام */
.white-background, .light-gray-bg, .card-body, .modal-content, .alert-box, .container, .page-wrapper, .site-content {
    background-color: #000000 !important;
    color: #CD5C5C !important;
}

/* الأيقونات والرسوم SVG (مثل أيقونات السلة والبحث) */
.icon, svg, i.fa, [class*="icon-"] {
    fill: #CD5C5C !important; /* لون الأيقونات */
    color: #CD5C5C !important; /* لون الأيقونات */
}

/* الجداول (مثل جدول سلة المشتريات) */
table, .table {
    border: 1px solid #600000 !important;
}

thead, tfoot {
    background-color: #111111 !important;
    color: #CD5C5C !important;
}

tbody tr {
    background-color: #000000 !important;
}

tbody tr:nth-child(even) {
    background-color: #111111 !important; /* تباين خفيف بين الصفوف */
}