/* =========================
   GLOBAL FONT
========================= */

body {
  font-family: "Cairo", sans-serif !important;
  padding-bottom: 80px; /* مساحة للفوتر */
}

/* =========================
   BOTTOM NAVIGATION
========================= */

#wadaifBottomNav {
  position: fixed;
  bottom: 0;           /* رجعناه للأسفل */
  left: 0;
  right: 0;
  height: 70px;
  background: #ffffff; /* لون أبيض */
  border-top: 1px solid #eaeaea;

  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;

  z-index: 999999;
}

/* الروابط */
#wadaifBottomNav a {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-size: 12px;
}

/* الأيقونات */
#wadaifBottomNav i {
  font-size: 20px;
  margin-bottom: 4px;
}

/* تأثير عند الضغط */
#wadaifBottomNav a:active {
  transform: scale(0.95);
}
#wadaifBottomNav a {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-size: 12px;
  -webkit-tap-highlight-color: transparent;
  transition: 0.5s ease; /* نصف ثانية */
}

#wadaifBottomNav a:active {
  transform: scale(0.95);
}نصف ثانية تقريبًا؟

/* اخفاء الشريط في الديسكتوب */
#wadaifBottomNav{
    display:none;
}

/* اظهار الشريط فقط في الموبايل */
@media (max-width:768px){
    #wadaifBottomNav{
        display:flex;
    }
}