:root {
    --accent: #ffffff !important;
    --primary-font: Poppins, sans-serif;
    --secondary-font: Open Sans, sans-serif;
}

/* 1. جعل خلفية صفحة التواصل سوداء */
body:has(div[data-page*=ContactPage]) {
    background-color: #000000 !important;
    background-image: none !important;
}

/* 2. جعل العنوان الرئيسي "Contact Us" باللون الأبيض في صفحة التواصل */
body:has(div[data-page*=ContactPage]) .cs-section_title {
    color: #ffffff !important;
}

/* 3. جعل النص الفرعي "Getting touch" باللون الرمادي الفاتح في صفحة التواصل */
body:has(div[data-page*=ContactPage]) .cs-section_subtitle {
    color: #b3b3b3 !important;
}

/* 4. جعل نصوص الإيميل والعنوان باللون الأبيض في صفحة التواصل */
body:has(div[data-page*=ContactPage]) .cs-menu_widget.cs-style1 li {
    color: #ffffff !important;
}

/* 5. جعل أسماء الحقول (Labels) باللون الأسود لتظهر بوضوح على الصفحات ذات الخلفية البيضاء (مثل طلب الديمو) */
label.cs-primary_color {
    color: #000000 !important;
}

/* 6. جعل أسماء الحقول (Labels) باللون الأبيض فقط في صفحة التواصل (لأن خلفيتها سوداء) */
body:has(div[data-page*=ContactPage]) label.cs-primary_color {
    color: #ffffff !important;
}

/* 7. جعل كافة نصوص وعناوين السايد بار باللون الأبيض */
.cs-side_header,
.cs-side_header .cs-side_header_heading,
.cs-side_header .cs-side_header_title,
.cs-side_header .cs-side_header_box,
.cs-side_header a,
.cs-side_header p,
.cs-side_header .cs-widget_title,
.cs-side_header .cs-contact_widget_title,
.cs-side_header .cs-contact_widget .cs-icon_btn,
.cs-side_header .cs-close {
    color: #ffffff !important;
}