/* استدعاء خط Readex Pro الاحترافي */
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;700&display=swap');

body{
    font-family: 'Cairo', sans-serif;
}


/* Mobile Menu */
body.dark-mode .mobile-menu {
  background-color: #1f1f1f !important;
  color: #e0e0e0 !important;
  transition: background-color 0.3s, color 0.3s;
}

/* Mobile Menu links */
body.dark-mode .mobile-menu a {
  color: #e0e0e0 !important;
}


/* Ensure mobile menu display */
.mobile-menu.show {
  display: flex !important;
}
/* Mobile Menu */
.mobile-menu {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  padding: 20px;
  box-shadow: 0 -5px 15px rgba(0,0,0,0.1);
  z-index: 9999;
}

.mobile-menu a {
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
  color: #333;
}

.mobile-menu.show {
  display: block;
}

/* RTL Fix */
body[dir="rtl"] {
  text-align: right;
}

body[dir="rtl"] .dropdown-menu {
  text-align: right;
}

/*overlay for hidden navBar*/
.nav-links{
  display:flex;
  list-style:none;
}

.menu-icon{
  display:none;
  cursor:pointer;
}

@media(max-width:768px){
 
  .menu-icon{
    display:block;
  }

  .nav-links{
    position:absolute;
    top:70px;
    left:0;
    width:100%;
    background:white;
    flex-direction:column;
    display:none;
  }

  .nav-links.active{
    display:flex;
  }

}
.mobile-menu{
  position:absolute;
  top:70px;
  left:0;
  width:100%;
  background:white;
  padding:20px;
  display:none;
  flex-direction:column;
  gap:10px;
  z-index:9999;
}

.mobile-menu.show{
  display:flex;
}