/* ====== تعديل شكل الشريط العلوي ======
   1) قسم الناف بار (.wrap.nav-wrap) صار عنصر مستقل بعرض 100% من الصفحة
      (بدل ما يكون محشور جوا صندوق المحتوى بعرض 1180px)، فزر "سهرتكم"
      وزر الحساب/تسجيل الدخول ينزلون بالضبط على طرفي الشاشة الحقيقيين.
      استخدمنا width:100% (مو 100vw) عشان ما تصير مشكلة قص جزء من الزر
      بسبب عرض شريط التمرير العمودي.
   2) نشيل الصندوق الصغير (الخلفية + الإطار) اللي كان محاوط قسم الروابط
      (الرئيسية / الألعاب / المتجر ...)، بدون ما نلمس شكل زر "سهرتكم" ولا
      زر الحساب نفسهم.
   3) نباعد شوي بين الروابط عشان توضح كل وحدة لحالها. */

.wrap.nav-wrap{
  max-width:100% !important;
  width:100% !important;
  margin:0 !important;
  padding-inline:22px !important;
  box-sizing:border-box !important;
}

.nav-links{
  background:transparent !important;
  border:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
  gap:14px !important;
}

.nav-links a{
  padding:9px 15px !important;
}

@media (max-width:900px){
  .wrap.nav-wrap{ padding-inline:14px !important; }
  .nav-links{ gap:8px !important; }
}