/* 1. ألوان الهوية */
:root {
    --ultra-navy: #00122e !important;
    --ultra-white: #ffffff !important;
}

/* 2. زر الشمس (فوق يسار) */
#theme-toggle-ultra {
    position: fixed !important;
    top: 20px !important;
    left: 20px !important;
    z-index: 99999999 !important;
    width: 50px !important;
    height: 50px !important;
    background: #00122e !important;
    color: white !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    border: 2px solid white !important;
    font-size: 24px !important;
}

/* 3. إجبار الوضع الداكن الكحلي (الخيار القوي) */
[data-theme="dark"], [data-theme="dark"] * {
    background-color: transparent !important; /* نجعل العناصر شفافة لتظهر الخلفية الكحلية */
    color: #ffffff !important; /* إجبار كل نصوص الموقع بلا استثناء على اللون الأبيض */
}

/* إجبار خلفية الصفحة والسكشنات على الكحلي */
[data-theme="dark"] body, 
[data-theme="dark"] main, 
[data-theme="dark"] .main-header, 
[data-theme="dark"] .footer,
[data-theme="dark"] section,
[data-theme="dark"] div {
    background-color: var(--ultra-navy) !important;
}

/* 4. استثناءات لصور المنتجات والأسئلة (عشان ما تختفي) */
[data-theme="dark"] img {
    background: transparent !important;
}

/* تنسيق الأسئلة الشائعة (نفس صورتك) */
.s-faq-question {
    border: 2px solid #00122e !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 6px 6px 0px #00122e !important;
    margin-bottom: 15px !important;
}

[data-theme="dark"] .s-faq-question {
    border-color: #fff !important;
    box-shadow: 6px 6px 0px #fff !important;
    background: #00264d !important;
}