/* Rodapé: nav em grid de 4 colunas e botões de conta (CADASTRE-SE/Sair).
   Carregado depois do main.min.css para sobrepor as regras do tema, que
   empilhava a última coluna em 3 colunas herdadas da lista de cidades. */

/* Lado esquerdo mais largo para as 4 colunas respirarem ao lado dos botões */
.footer .footer-container .left {
  max-width: 74rem;
}

/* Cada coluna tem no mínimo a largura do seu item mais longo e divide o
   que sobrar: com 4 colunas iguais (1fr) "Quanto vale o meu carro" não
   cabia e quebrava linha. */
.footer .footer-container .left .nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(max-content, 1fr));
  gap: 2.4rem 3rem;
  align-items: start;
}

/* Reset da regra do tema que gridava a última coluna em 3 */
.footer .footer-container .left .nav div:last-child ul {
  display: block;
}

.footer .footer-container .left .nav div h2 {
  font-size: 1.5rem;
  letter-spacing: 0.04em;
  padding-bottom: 1rem;
  margin-bottom: 1.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.footer .footer-container .left .nav div li a {
  font-size: 1.5rem;
  padding: 0;
  line-height: 1.35;
  white-space: nowrap;
}

.footer .footer-container .left .nav div li + li {
  margin-top: 0.9rem;
}

/* Botão de sair (form de logout) assume o visual do CADASTRE-SE */
.footer .footer-container .right form {
  display: block;
}

.footer .footer-container .right form .btn {
  width: 100%;
  font-family: inherit;
  cursor: pointer;
}

/* O tema esconde o nav abaixo de 992px; mantém escondido com o novo display */
@media (max-width: 991px) {
  .footer .footer-container .left .nav {
    display: none;
  }
}