/* 1) تصغير اللوجو */
:root {
  --header-w-logo: 90px !important;
  --header-h-logo: auto !important;
  --header-w-logo-mob: 70px !important;
  --header-h-logo-mob: auto !important;
}

/* 2) دمج صف اللوجو مع صف القائمة في سطر واحد */
.header-components {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 20px !important;
}

.header-components-inner.saji-header-bar {
  width: auto !important;
  flex: 0 0 auto !important;
  padding-block: 0 !important;
}

.header_menu.saji-header-menu--below {
  flex: 1 1 auto !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important; /* عشان يسمح بالـ scroll لو القوائم كتيرة */
}

.header_menu .main-menu {
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
  gap: 4px !important;
}

.header_menu .main-menu li a {
  font-size: 13px !important;
  padding: 6px 8px !important;
}

/* اخفاء scrollbar بس يفضل قابل للتمرير لو ضاقت المساحة */
.header_menu .main-menu::-webkit-scrollbar {
  height: 0px;
}
.marquee,
.marquee__item,
div:has(> .marquee) {
  background-color: #083f3c !important;
}