/* ═══════════════════════════════════════════════════════════
   mobile/perfil.css — Overrides Mobile
   Dolce Olive — carregado depois de pages/perfil.css

   A barra lateral (.sidebar-nav) permanece vertical em qualquer
   largura de tela — não há mais uma variante horizontal aqui.
═══════════════════════════════════════════════════════════ */

@media (max-width: 600px) {
  .perfil-wrap { grid-template-columns: 1fr; gap: 16px; }
  .field-row.cols2 { grid-template-columns: 1fr; }
  .page-header { padding-top: calc(var(--nav-h) + 32px); padding-bottom: 24px; }

  /* Barra superior (Início / Cardápio / Nossa história) permanece
     visível, apenas mais compacta e com rolagem horizontal. */
  .nav-links {
    max-width: 45vw; min-width: 0; gap: 14px; overflow-x: auto;
    scrollbar-width: none; -ms-overflow-style: none;
  }
  .nav-links::-webkit-scrollbar { display: none; }
  .nav-links a { font-size: 10.5px; white-space: nowrap; }

  /* Evita que o Safari do iPhone dê zoom automático ao tocar
     nos campos de formulário do perfil. */
  .field input { font-size: 16px; }
}