/* footer/mobile bar visuals mostly controlled in global.css */
.footer{border-top:1px solid var(--border);background:var(--card)}
.footer__inner{display:flex;align-items:center;justify-content:space-between;height:52px}

/* Do NOT set display here for .mobile-nav; global.css governs visibility */
.mobile-nav{
  position:fixed;left:0;right:0;bottom:0;height:56px;background:var(--card);
  border-top:1px solid var(--border);
  align-items:center;justify-content:space-around;z-index:50
}
.mobile-nav__link{width:48px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid transparent}
.mobile-nav__link:hover{border-color:var(--red);color:var(--red)}