/* FBS · Hello bar do plugin foreverapi (#availabilityModal, "Próxima Pop Up…").
   Chama-se "modal" porque começou por ser uma modal. O plugin usa a classe genérica .modal,
   que o city-block.css do mesmo plugin também usa na janela de marcação (fundo branco,
   altura e largura fixas, sombra…). Nas páginas que carregam os dois — páginas de cidade e
   páginas FBS com o "Onde fazer" — a barra ficava um bloco branco enorme.
   O ID ganha à classe e repõe a barra em todo o site. O display fica com o plugin (JS). */
#availabilityModal {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 26px;
  max-height: none;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #222;
  animation: none;
}
#availabilityModal .modal-content {
  max-width: 100%;
  padding: 5px 16px;
}

/* Com o header FBS: mesmo aspeto da barra de anúncio (.fbs-announce) */
.fbs-chrome #availabilityModal {
  background: var(--fbs-ink);
}
.fbs-chrome #availabilityModal .modal-content {
  padding: 8px 16px;
}
.fbs-chrome #availabilityModal #modalMessage {
  font: 500 11px/1.3 var(--fbs-body);
  letter-spacing: 0.02em;
  color: #fff;
}
.fbs-chrome #availabilityModal #modalMessage b {
  font-weight: 600;
}