/* ==========================================================================
   شريط تنقل مخفي الخلفية تماماً + محتوى عالي الوضوح والبروز (High Contrast)
   ========================================================================== */
.header-container.container, 
header.header, 
.site-header,
header, 
.inner-header, 
.header-wrapper, 
.top-header {
    background: transparent !important;
    background-color: transparent !important; 
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    
    /* تثبيت الشريط في الأعلى ليكون عائماً فوق البنر */
    position: fixed !important; 
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
}

/* --------------------------------------------------------------------------
   إجبار القوائم، اللوقو، الحساب، والسلة على الظهور بأعلى وضوح حدة
   -------------------------------------------------------------------------- */
.site-header a, 
.site-header i, 
.site-header span,
.header-wrapper a,
.header-wrapper i,
.main-menu a,      /* استهداف القائمة الرئيسية لضمان الوضوح */
.nav-link {
    /* لون العناصر الرئيسي: أسود حاد وعميق */
    /* (ملاحظة: إذا كان البنر لديك غامقاً جداً، غير الـ #000000 إلى #ffffff ليصبح أبيض ناصع) */
    color: #000000 !important; 
    
    /* رفع سمك الخط والبروز لأقصى درجة احترافية */
    font-weight: 700 !important; 
    font-size: 15px !important; /* حجم متناسق وواضح للقراءة */
    letter-spacing: 0.5px !important;
    
    /* ظل خلفي مزدوج ومدروس بدقة ليجعل النص "يشع" وبارزاً فوق أي صورة أو بنر خلفه */
    text-shadow: 
        0px 1px 2px rgba(255, 255, 255, 0.9), 
        0px 0px 4px rgba(255, 255, 255, 0.6) !important; 
    
    transition: all 0.2s ease-in-out !important;
}

/* تأثير تفاعلي ناعم وبارز عند تمرير الماوس فوق القوائم أو الأيقونات */
.site-header a:hover, 
.header-wrapper a:hover i,
.site-header i:hover,
.nav-link:hover {
    color: #444444 !important; /* يتغير للرمادي الداكن عند التمرير كإشارة تفاعل */
    transform: scale(1.03) !important; /* تكبير خفيف جداً يشد عين العميل */
}

/* تصفير هوامش الصفحة ليظهر البنر خلف القائمة الشفافة مباشرة */
body, html {
    padding-top: 0px !important; 
    margin-top: 0px !important;
}