/* كود تخصيص متجر سيما روز الشامل - ثيم ساجي */

:root {
    --primary-color: #A6BBB6;    /* أخضر سيج */
    --secondary-color: #DFDDD3;  /* بيج كريمي */
    --text-dark: #233130;       /* فحمي ناعم للنصوص */
    --white: #FFFFFF;           /* أبيض */
    --light-gray: #f9f9f9;
}

/* 1. الخلفية العامة والنصوص */
body, .main-content {
    background-color: var(--secondary-color) !important;
    color: var(--text-dark) !important;
}

/* 2. الهيدر (رأس الصفحة) */
.main-header, .header-wrapper {
    background-color: var(--white) !important;
}

/* 3. تعديل قسم "نصوص احترافية" وأي نصوص تعريفية */
.prose, .promotion-text, .section-title, .description {
    color: var(--text-dark) !important;
}

/* 4. الأزرار (مثل زر اكتشف المزيد) */
.btn, .s-button-primary, .custom-btn {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--white) !important;
    border-radius: 50px !important; /* لجعلها دائرية وأنيقة */
}

/* 5. الفوتر (تذييل الصفحة) - بناءً على الصورة التي ظهرت باللون الأسود */
footer, .main-footer, .footer-wrapper {
    background-color: var(--text-dark) !important; /* اللون الفحمي الراقي */
    color: var(--secondary-color) !important;
}

footer a, footer p, footer span, footer .footer-title {
    color: var(--secondary-color) !important;
}

/* 6. الروابط المميزة والأقسام (مثل الأقسام الدائرية في الصورة) */
.category-item .category-title {
    color: var(--text-dark) !important;
}

/* 7. أيقونة الصعود للأعلى وزر الواتساب */
.btn-scroll-top {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

/* 8. شريط سلة (الموجود في أسفل المتجر) */
.s-store-footer {
    background-color: #1a2524 !important; /* درجة أغمق قليلاً من الفحمي */
    color: var(--secondary-color) !important;
}

/* 9. تعديل لون الخط في العناوين الكبيرة */
h1, h2, h3, h4 {
    color: var(--text-dark) !important;
}