/* Mobile navigation only; the desktop header keeps its existing layout. */
.mobile-dock { display: none; }
@media (max-width: 860px) {
  :root { --mobile-dock-space: calc(84px + env(safe-area-inset-bottom, 0px)); }
  body { padding-bottom: var(--mobile-dock-space); }
  .site-header #langBtn, .site-header #menuBtn,
  .site-header .main-nav, .site-header .header-cta, #mobileNav { display: none !important; }
  .site-header .header-inner { min-height: 64px; }
  .mobile-dock {
    display: grid; grid-template-columns: repeat(6, minmax(0, 1fr));
    position: fixed; inset-inline: max(8px, env(safe-area-inset-left, 0px)) max(8px, env(safe-area-inset-right, 0px));
    bottom: max(8px, env(safe-area-inset-bottom, 0px)); z-index: 120;
    padding: 6px; gap: 2px; border: 1px solid var(--line); border-radius: 22px;
    background: var(--header-bg); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);
    box-shadow: 0 -6px 30px #0002;
  }
  .mobile-dock a, .mobile-dock button {
    min-width: 0; min-height: 56px; padding: 6px 1px; border-radius: 16px;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    color: var(--text-2); font-size: clamp(.59rem, 2.4vw, .76rem); line-height: 1.3;
    text-align: center; white-space: nowrap; transition: color .2s, background .2s;
  }
  .mobile-dock svg { width: 21px; height: 21px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .mobile-dock a[aria-current="true"] { color: var(--gold); background: #d5a85718; }
  [data-theme="light"] .mobile-dock a[aria-current="true"] { color: #795823; }
  .mobile-dock button { border-inline-start: 1px solid var(--line); border-radius: 0 14px 14px 0; color: var(--text); }
  [dir="rtl"] .mobile-dock button { border-radius: 14px 0 0 14px; }
  .wa-float { bottom: calc(var(--mobile-dock-space) + 12px); }
  .toast { bottom: calc(var(--mobile-dock-space) + 18px); }
  #main > section { padding-bottom: max(80px, var(--mobile-dock-space)); scroll-margin-top: 64px; }
  input, textarea, select { scroll-margin-bottom: calc(var(--mobile-dock-space) + 16px); }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-dock a, .mobile-dock button { transition: none; }
}