/* layout/footer.css — Site footer.
   Part of the split style.css. Keep the load order in includes/layout.php. */

.nav-bar, .nav-bar .site-nav, .brand, .footer-grid, .hero-grid, .metal-band, .piece-grid, .showroom-grid, .metric-grid, .stat-grid, .split, .auth-grid {
  display: flex;
  gap: 10px;
}

.brand { display: flex; align-items: center; gap: 8px; text-decoration: none; }

.site-footer { background: #310e14; color: #f2e8ea; padding: 40px 0 20px; }

.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 28px; }

.site-footer a { color: var(--gold-2); }

.site-footer h2 { font-size: 22px; }

.site-footer h3 { font-size: 18px; }

@media (max-width: 760px) {
    .nav-bar .site-nav {
      display: none;
      position: absolute;
      left: 0; right: 0;
      top: 100%;
      background: #f7f1e6;
      border-bottom: 1px solid rgba(103, 31, 43, .12);
      padding: 8px 4vw 14px;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
      z-index: 30;
    }
}

body.app-shell .install-app,
body.app-shell .site-header,
body.app-shell .site-footer,
body.app-shell .desk-rail,
body.app-shell .desk-shade,
body.app-shell .nav-burger,
body.app-shell .desk-close,
body.app-shell .desk-nav-tools,
body.app-shell .desk-top .who,
body.app-shell .admin-return,
body.app-shell #side-toggle {
  display: none !important;
}