/* =====================================================
   نسخة REMAL المحدثة - الهوية الرياضية (أخضر وذهبي)
   التحديث: فوتر أخضر + قائمة جانبية بيضاء
   ===================================================== */

:root {
    --radius-lg: 2rem;
    --radius-md: 12px;
    --banner-green-dark: #004d3d; /* الأخضر الملكي الرياضي */
    --banner-green-light: #023b34; 
    --banner-gold: #c8954e;      /* الذهبي المتناسق */
    --white: #ffffff;
    --text-dark: #111111;
    --bg-light: #f4f7f6;
}

/* 1️⃣ الخلفية العامة للمتجر */
body, .app-inner {
    background: var(--bg-light) !important;
}

/* 2️⃣ الهيدر العلوي */
div#mainnav, .main-nav-container.fixed-pinned .inner {
    background: linear-gradient(135deg, var(--banner-green-dark), var(--banner-green-light)) !important;
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
    box-shadow: 0 6px 18px rgba(0,0,0,0.1);
}

#mainnav, #mainnav a, #mainnav span, #mainnav i {
    color: var(--white) !important;
}

/* 3️⃣ كروت المنتجات */
.s-product-card-entry, .s-products-slider-card {
    max-width: 155px;
    min-height: 290px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--white) !important;
    border: 1px solid #eee;
    overflow: hidden;
}

/* 4️⃣ الأزرار الذهبية */
.s-product-card-add-button, .s-add-to-cart-button, .s-button-primary-outline {
    background: linear-gradient(135deg, #e7c08a, var(--banner-gold)) !important;
    color: var(--text-dark) !important;
    border-radius: 25px !important;
    border: none !important;
    font-weight: bold;
    width: 100% !important;
    padding: 10px 12px;
    transition: transform 0.2s ease;
}

.s-product-card-add-button:hover {
    transform: scale(1.05);
}

/* 5️⃣ وسم التخفيض */
.s-product-card-promotion-title {
    background: var(--banner-green-dark);
    color: var(--white);
    border-radius: 5px;
    padding: 2px 8px;
    font-size: 10px;
}

/* 6️⃣ الفوتر (تم التعديل من الأسود إلى الأخضر) */
.store-footer {
    background: linear-gradient(180deg, var(--banner-green-dark), #00362b) !important;
    padding-top: 60px !important;
    border-top: 3px solid var(--banner-gold);
}

.store-footer, .store-footer a, .store-footer h3, .store-footer p, .store-footer span {
    color: var(--white) !important;
}

/* 7️⃣ زر الواتساب */
.sicon-whatsapp2 {
    background-color: #25d366 !important;
}

/* 8️⃣ القائمة الجانبية للجوال (تم التعديل من الأخضر إلى الأبيض) */
.side-menu, .offcanvas, .mobile-menu, .sidebar, .sidenav {
    background: #ffffff !important;
}

/* تعديل ألوان نصوص المنيو لتناسب الخلفية البيضاء */
.side-menu *, .offcanvas *, .mobile-menu *, .sidebar *, .side-menu a, .side-menu span {
    color: var(--text-dark) !important;
}

/* إضافة خطوط فاصلة بسيطة داخل المنيو */
.side-menu li, .mobile-menu li {
    border-bottom: 1px solid #f0f0f0;
}

/* أيقونة الإغلاق والسهم داخل المنيو الأبيض */
.side-menu i, .side-menu .close-btn, .side-menu .sicon-keyboard_arrow_left {
    color: var(--banner-green-dark) !important;
}

/* 9️⃣ أيقونات السلة والحساب في الهيدر */
.s-cart-icon, .s-user-icon {
    color: var(--banner-gold) !important;
}