/* ============================================================
 * styles/bottom-nav.css — الشريط السفلي الثابت (إعادة التصميم، 19 أكتوبر)
 * ============================================================
 * ارتفاعه --tabbar-h + المنطقة الآمنة السفلية؛ زر ＋ كهرماني بارز في الوسط. يختفي أثناء الملاحة بشاشة كاملة.
 * The fixed bottom bar: --tabbar-h plus the bottom safe area; the amber ＋ raised in the middle. Hidden in full navigation.
 * ============================================================ */
.bottom-nav{
  position:fixed;left:0;right:0;bottom:0;z-index:170;
  padding-bottom:env(safe-area-inset-bottom, 0px);
  background:var(--bar-bg);border-top:1px solid var(--border);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.bn-inner{height:var(--tabbar-h);max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;}
.bn-tab{
  height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:color .15s ease;
}
.bn-tab.active{color:var(--dist);}
.bn-tab:active{transform:scale(.96);}
.bn-add{
  justify-self:center;width:52px;height:52px;margin-top:-22px;border-radius:50%;border:4px solid var(--bg);
  background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.28);-webkit-tap-highlight-color:transparent;
}
.bn-add:active{transform:scale(.94);}
.bn-tab:focus-visible,.bn-add:focus-visible{outline:2px solid var(--dist);outline-offset:2px;}
/* الملاحة بشاشة كاملة والزائر: لا شريط — full navigation and guests: no bar */
body.nav-full .bottom-nav, body.guest-mode .bottom-nav{display:none;}
/* الصفحات الأخرى بالشريط: مسافة سفلية حتى لا يغطي المحتوى — other pages with the bar: bottom room so it never covers content */
body.has-bottom-nav{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px) + 12px);}