/* ============================================================
   AYA UI BASE — visual dos controles de acessibilidade
   (botoes flutuantes, aviso, overlay daltonismo, VLibras)
   Carregado por site, app E admin.
   ============================================================ */

html[data-tema="escuro"] { color-scheme: dark; }

/* Botões FIXOS: mesma posição em todas as páginas (site + app + painel),
   nunca sobem, descem nem se escondem. */
.aya-botoes-flutuantes {
  position: fixed !important;
  left: 12px !important;
  bottom: 12px !important;
  right: auto !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 2147483000 !important;
  pointer-events: auto;
}
.aya-botoes-flutuantes * { pointer-events: auto; }
.aya-btn-flutuante {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, .18);
  background: rgba(255, 255, 255, .88);
  color: #111;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: .85;
  padding: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
  transition: transform .15s ease, opacity .15s ease;
}
.aya-btn-flutuante:hover { transform: scale(1.08); opacity: 1; }
html[data-tema="escuro"] .aya-btn-flutuante {
  background: rgba(18, 49, 43, .9);
  color: #EFFFF4;
  border-color: rgba(255, 255, 255, .25);
}

.aya-aviso {
  position: fixed;
  top: 14px;
  left: 50%;
  transform: translate(-50%, -8px);
  background: rgba(0, 0, 0, .82);
  color: #fff;
  font-size: .8rem;
  padding: .45rem .9rem;
  border-radius: 999px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
  z-index: 2147483001;
}
.aya-aviso.visivel { opacity: 1; transform: translate(-50%, 0); }

#ayaCorOverlay {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2147483000;
}

.vLibras-widget-wrapper { z-index: 2147483002 !important; }

/* VLibras fica no canto direito; os nossos botões ficam no esquerdo,
   um ao lado do outro sem sobrepor. */
.aya-botoes-flutuantes { bottom: 12px; }