/* Add custom CSS styles below */ 
#blog {
    display: none !important;
}


/* القائمة الحاوية: نديها هوية بصرية كاملة ونثبت موضعها */
a[href*="/c498628212"] + .sub-menu {
  width: 900px !important;
  max-width: 90vw !important;
  max-height: none !important;
  overflow: visible !important;
  background-color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  border-radius: 8px !important;
  z-index: 999 !important;
  position: absolute !important;
  right: 0 !important;
  top: 100% !important;
}

/* الشبكة الداخلية */
a[href*="/c498628212"] + .sub-menu > ul {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px 20px !important;
  padding: 16px !important;
  background-color: #ffffff !important;
  border-radius: 8px !important;
}

a[href*="/c498628212"] + .sub-menu > ul > li {
  width: 100% !important;
}

a[href*="/c498628212"] + .sub-menu > ul > li > a {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}

/* أهم سطر لحل مشكلة اختفاء القائمة: نوسع منطقة الـ hover للعنصر الأب كله */
li[id="498628212"] {
  position: relative !important;
}

li[id="498628212"]:hover > .sub-menu,
li[id="498628212"] .sub-menu:hover {
  display: block !important;
}

/* تحرير الآباء */
#mainnav,
.main-nav-container,
.inner,
#mainnav .container,
custom-main-menu,
nav#mobile-menu {
  overflow: visible !important;
}