/* غلاف القائمة (Menu Wrapper) */
.menu {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #6F6F72FF;
  direction: rtl;                 /* الاتجاه من اليمين إلى اليسار للغة العربية */
  justify-content: center;
  font-family: "Tahoma", "Segoe UI", Arial, sans-serif;
}
/* عناصر القائمة */
.menu li {
  margin: 0;
  padding: 0;
}
/* الروابط */
.menu a {
  display: block;
  padding: 12px 20px;
  font-size: 15px;
  line-height: 1.4;
  color: #ffffff;
  text-decoration: none;
  white-space: normal;
  text-align: center;
  transition: background 0.25s ease, color 0.25s ease;
  border-left: 1px solid rgba(255,255,255,0.25);  /* الفاصل على اليسار ليناسب القراءة من اليمين */
}
/* إزالة الخط الفاصل من العنصر الأخير */
.menu li:last-child a {
  border-left: none;
}
/* تأثير التمرير (Hover) */
.menu a:hover {
  background: #3e8ed7;
  color: white;
  transform: translateY(-2px);
}
/* الشاشات الصغيرة والهواتف */
@media (max-width: 768px) {
  .menu {
    flex-direction: column;
    display: none;
    background: #4e90cd;
  }
  .menu.is-open {
    display: flex;
  }
  .menu a {
    border-left: none;
    border-bottom: 1px solid rgba(255,255,255,0.25);
  }
  .menu li:last-child a {
    border-bottom: none;
  }
}