/* ====== سهرتكم — تحسينات الجوال (كل الصفحات) + شريط أقسام سفلي للصفحات الرئيسية ====== */
html{ -webkit-text-size-adjust:100%; }
img, video{ max-width:100%; }
.mb-nav{ display:none; }

@media (max-width:720px){
  body{ overflow-x:hidden; -webkit-tap-highlight-color:transparent; }
  .wrap{ padding-inline:14px !important; }
  input, select, textarea{ font-size:16px !important; }          /* يمنع تكبير iOS عند الكتابة */
  button, .btn, .mf-btn{ min-height:40px; touch-action:manipulation; }
  table{ display:block; max-width:100%; overflow-x:auto; }
  .game-layout{ grid-template-columns:1fr !important; }
  .panel{ padding:14px; border-radius:16px; }
  h1{ word-break:break-word; }
  .side-panel{ width:min(86vw,320px); }
  .mf-topbtns{ left:8px; gap:6px; }
  .mf-vbtn{ padding:6px 10px; font-size:12px; }
}

@media (max-width:720px){
  body.has-bottom-nav{ padding-bottom:calc(74px + env(safe-area-inset-bottom,0px)); }
  /* الروابط العلوية تنتقل للشريط السفلي */
  body.has-bottom-nav nav.topbar .nav-links{ display:none !important; }
  body.has-bottom-nav nav.topbar{ display:flex !important; flex-wrap:nowrap !important; justify-content:space-between; }
  body.has-bottom-nav .account-pill{ display:flex !important; padding:4px 6px !important; }
  body.has-bottom-nav .account-pill > span{ display:none; }

  .mb-nav{
    display:flex; position:fixed; inset-inline:0; bottom:0; z-index:900; gap:2px;
    padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));
    background:color-mix(in srgb, var(--surface,#1a1511) 94%, #000);
    border-top:1px solid var(--border-strong,rgba(255,255,255,.12));
    backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  }
  .mb-nav a{
    flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:3px;
    padding:7px 2px; border-radius:14px; text-decoration:none; font-size:11px; font-weight:700;
    color:var(--text-dim,#a8a29a); white-space:nowrap;
  }
  .mb-nav a svg{ width:22px; height:22px; }
  .mb-nav a.active{ color:var(--accent,#e8a00f); background:color-mix(in srgb, var(--accent,#e8a00f) 16%, transparent); }
}