/* Aviso de medição de acesso e controle "Preferências de privacidade" (US-016, ADR-014). Só é carregado nas páginas que o AnalyticsState aprova. */

/* Faixa fixa no pé da janela: não ocupa espaço no fluxo da página (não gera deslocamento de layout, NFR-03) e não bloqueia a navegação.
   Altura limitada com rolagem própria, para caber em telas pequenas e com zoom de 200%. */
.aviso-medicao {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1019;  /* abaixo da barra de contato do anúncio (1020) e do Bootstrap sticky/fixed */
  max-height: 60vh;
  overflow-y: auto;
  padding: var(--app-space-3) 0 calc(var(--app-space-3) + env(safe-area-inset-bottom, 0px));
  background: #fff;
  color: var(--bs-body-color);
  border-top: 1px solid var(--bs-border-color);
  box-shadow: 0 -4px 12px rgba(32, 32, 32, .10);
  font-size: .875rem;
}

.aviso-medicao[hidden] {
  display: none;
}

.aviso-medicao__corpo {
  max-width: 60rem;
  overflow-wrap: anywhere;  /* o e-mail do canal de privacidade e frases longas não criam rolagem horizontal em 320 px */
}

.aviso-medicao__detalhes summary {
  cursor: pointer;
  min-height: var(--app-touch-target);
  display: inline-flex;
  align-items: center;
}

/* Na página do anúncio, em celular e tablet, o contato fica numa barra fixa no pé: o aviso sobe para ficar acima dela e nunca a cobre (Recusar não pode atrapalhar o contato) */
@media (max-width: 991.98px) and (min-height: 480px) {
  body:has([data-contact]) .aviso-medicao {
    bottom: calc(var(--app-contact-bar-height) + env(safe-area-inset-bottom, 0px));
    padding-bottom: var(--app-space-3);
    max-height: calc(60vh - var(--app-contact-bar-height));
  }
}

/* Botão do rodapé com cara de link, mas com o alvo de toque mínimo */
.rodape__preferencias {
  min-height: var(--app-touch-target);
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.rodape__preferencias[hidden] {
  display: none;
}

.rodape__preferencias:focus-visible {
  outline: var(--app-on-dark-focus);
}