/* ===== AJUSTES RESPONSIVOS DO SITE ===== */
/* Correções para telas pequenas que o main.css não cobre */

/* Cabeçalho: o bloco do logo encolhia até 0 e o logo ficava por baixo do idioma */
.navigation__box_side_left {
  flex-shrink: 0;
}

@media (max-width: 479px) {
  /* Logo + idioma + painel + menu não cabem: o botão do painel vira só ícone */
  .navigation__box_side_right {
    margin-right: .875rem;
  }

  .navigation__auth {
    margin-left: .625rem;
  }

  .navigation__auth .btn {
    width: 2.875rem;
    gap: 0;
    font-size: 0;
  }
}

@media (max-width: 559px) {
  /* Servidor: status e contador vão para uma linha própria abaixo do nome */
  .server__box {
    flex-wrap: wrap;
    row-gap: 1rem;
  }

  .server__box > .server__border {
    display: none;
  }

  .server__info {
    flex-basis: 100%;
    margin-left: 0;
  }

  /* Downloads: títulos da tabela de requisitos quebram linha em vez de cortar */
  .requirements__item_head {
    white-space: normal;
    overflow-wrap: break-word;
    font-size: .625rem;
  }
}