/* تحويل القائمة المنسدلة للون الأسود */
.s-header .s-menu-wrapper,
.s-header .s-menu,
.s-header .s-menu__content,
.s-header .sub-menu,
.s-header .dropdown-menu,
.s-header .s-dropdown,
.s-header .s-dropdown-menu,
.s-header nav ul ul,
.header .dropdown-menu,
.header nav ul ul,
.main-menu .sub-menu,
.main-menu ul ul {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #222222 !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.35) !important;
}

/* نصوص وروابط القائمة المنسدلة */
.s-header .s-menu-wrapper a,
.s-header .s-menu a,
.s-header .sub-menu a,
.s-header .dropdown-menu a,
.s-header .s-dropdown a,
.s-header .s-dropdown-menu a,
.s-header nav ul ul a,
.header .dropdown-menu a,
.header nav ul ul a,
.main-menu .sub-menu a,
.main-menu ul ul a {
  color: #ffffff !important;
  background-color: transparent !important;
}

/* عند تمرير الماوس */
.s-header .s-menu-wrapper a:hover,
.s-header .s-menu a:hover,
.s-header .sub-menu a:hover,
.s-header .dropdown-menu a:hover,
.s-header .s-dropdown a:hover,
.s-header .s-dropdown-menu a:hover,
.s-header nav ul ul a:hover,
.header .dropdown-menu a:hover,
.header nav ul ul a:hover,
.main-menu .sub-menu a:hover,
.main-menu ul ul a:hover {
  background-color: #111111 !important;
  color: #ffffff !important;
}

/* السهم داخل القائمة */
.s-header svg,
.header svg,
.main-menu svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}