/* Felah v4.2.1 — Final Mobile Header + Bottom Nav */

/* =========================
   Mobile header order
========================= */

@media (max-width: 760px){

  .felah-real-topbar{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    padding:12px 14px !important;
    direction:rtl !important;
  }

  .felah-head-main{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    width:100% !important;
    direction:rtl !important;
  }

  /* اليمين: المستخدم + الشمس */
  .felah-head-right{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:10px !important;
    order:1 !important;
    margin-inline-start:0 !important;
    margin-inline-end:0 !important;
  }

  .felah-real-user{
    order:1 !important;
    min-width:0 !important;
  }

  .felah-real-user-btn{
    min-width:128px !important;
    max-width:142px !important;
    height:50px !important;
    min-height:50px !important;
    padding:0 12px !important;
    border-radius:18px !important;
    font-size:15px !important;
    gap:8px !important;
  }

  .felah-real-user-name{
    max-width:58px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
  }

  .felah-real-avatar{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
  }

  .felah-real-icon{
    order:2 !important;
    width:50px !important;
    min-width:50px !important;
    height:50px !important;
    min-height:50px !important;
    border-radius:18px !important;
    font-size:18px !important;
  }

  /* اليسار: شعار فلاح */
  .felah-real-brand{
    order:2 !important;
    margin-inline-start:auto !important;
    margin-inline-end:0 !important;
    min-width:132px !important;
    max-width:150px !important;
    height:50px !important;
    min-height:50px !important;
    border-radius:20px !important;
    font-size:14px !important;
    padding:0 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
  }

  /* البحث تحت الصف الأول */
  .felah-real-search{
    order:2 !important;
    width:100% !important;
    min-height:56px !important;
    border-radius:22px !important;
    padding:0 16px !important;
  }

  .felah-real-search input{
    font-size:15px !important;
    text-align:right !important;
    direction:rtl !important;
  }

  /* إزالة القائمة العلوية في الهاتف */
  .felah-real-tabs,
  .felah-main-tabs,
  .felah-nav,
  .felah-quick-nav{
    display:none !important;
  }

  /* القائمة المنسدلة للمستخدم بمحاذاة يمين */
  .felah-real-dropdown{
    inset-inline-end:0 !important;
    inset-inline-start:auto !important;
    top:58px !important;
    width:230px !important;
    text-align:right !important;
  }

  .felah-real-dropdown a{
    direction:rtl !important;
    text-align:right !important;
  }

  body{
    padding-bottom:92px !important;
  }
}

/* =========================
   Desktop: keep top tabs visible
========================= */

@media (min-width: 761px){
  .felah-real-tabs{
    display:flex !important;
  }
}

/* =========================
   Better mobile bottom nav
========================= */

.felah-mobile-bottom-nav{
  position:fixed !important;
  inset-inline:0 !important;
  bottom:0 !important;
  z-index:99999 !important;
  height:auto !important;
  min-height:76px !important;
  padding:9px 8px calc(9px + env(safe-area-inset-bottom)) !important;
  background:rgba(3, 23, 14, .96) !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  backdrop-filter:blur(16px) !important;
  display:none;
  align-items:center !important;
  justify-content:space-between !important;
  gap:6px !important;
  direction:rtl !important;
}

.felah-mobile-bottom-nav a{
  flex:1 1 0 !important;
  min-width:0 !important;
  min-height:58px !important;
  padding:7px 3px !important;
  border-radius:18px !important;
  color:rgba(237,247,239,.70) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  text-decoration:none !important;
  font-weight:800 !important;
  font-size:11px !important;
  line-height:1.2 !important;
}

.felah-mobile-bottom-nav a .ico{
  font-size:19px !important;
  line-height:1 !important;
}

.felah-mobile-bottom-nav a.active{
  background:rgba(255,255,255,.08) !important;
  color:#ffffff !important;
}

html[data-theme="light"] .felah-mobile-bottom-nav{
  background:rgba(255,255,255,.96) !important;
  border-top:1px solid rgba(25,74,47,.12) !important;
}

html[data-theme="light"] .felah-mobile-bottom-nav a{
  color:rgba(23,61,40,.62) !important;
}

html[data-theme="light"] .felah-mobile-bottom-nav a.active{
  background:#1e7549 !important;
  color:#ffffff !important;
}

@media (max-width:760px){
  .felah-mobile-bottom-nav{
    display:flex !important;
  }

  /* أخفِ أي قائمة سفلية قديمة */
  .mobile-bottom-nav,
  .bottom-nav,
  .app-bottom-nav,
  .bottom-tabs,
  .phone-nav,
  .mobile-nav-bottom{
    display:none !important;
  }
}