/* O botão do automático das habilidades (28/08/2026). Ver `index.js`.
 *
 * 🚨 A ARTE CONTINUA SENDO A DE PAUSA (`pausa-arte/`), porque o botão é o
 * mesmo nó do jogo e não tenho arte nova para ele. Para o desenho não mentir,
 * o rótulo AUTO/MANUAL entra por cima e a arte fica de fundo, apagada. Se o
 * Zerg mandar um ícone próprio, é trocar o arquivo e apagar o `opacity`.
 */

/* A arte de pausa recua para o rótulo mandar. */
.orb--auto[data-autoskill] #pausa-arte {
  opacity: 0.28;
  filter: none;
}

.orb--auto[data-autoskill]::after {
  content: 'AUTO';
  display: grid;
  place-items: center;
  position: absolute;
  inset: 0;
  /* 🚨 A folha do `pausa-arte` esconde os filhos com `font-size: 0` — este
     pseudo-elemento é do botão, não filho, então precisa do próprio tamanho.
     O piso de 9px é o §9-ter do CONTRATO. */
  font: 900 clamp(9px, calc(11px * var(--rpg-un, 1)), 15px) / 1 'Baloo 2', system-ui, sans-serif;
  letter-spacing: 0.04em;
  color: #ffd76a;
  text-shadow: 0 1px 2px #000, 0 0 6px #000a;
  pointer-events: none;
}

.orb--auto[data-autoskill='0']::after {
  /* 28/08: era "MANUAL" — o Zerg pediu "OFF" mesmo. */
  content: 'OFF';
  color: #cfd6e4;
}
.orb--auto[data-autoskill='misto']::after {
  content: 'AUTO';
  color: #ffd76a;
  opacity: 0.6;
}
.orb--auto[data-autoskill='vazio']::after {
  content: '—';
  color: #8b93a5;
}
.orb--auto[data-ocupado='1']::after {
  content: '…';
}

/* Enquanto está no manual o botão fica visivelmente mais apagado: o estado tem
   de ler de longe, no meio da luta. */
.orb--auto[data-autoskill='0'] {
  opacity: 0.72;
}

#autoskill-aviso {
  position: fixed;
  left: 50%;
  bottom: 12%;
  translate: -50% 0;
  z-index: 2147483000;
  max-width: min(90vw, 420px);
  padding: 10px 16px;
  border-radius: 10px;
  background: rgba(20, 12, 12, .95);
  box-shadow: inset 0 0 0 1px #ff9a9a4d, 0 8px 24px #0009;
  color: #ffdede;
  font: 500 14px/1.35 'Baloo 2', system-ui, sans-serif;
  text-align: center;
}

/* ── 31/08/2026: o botão global SAI DA TELA (pedido do Zerg, #1332). O
   automático passa a ser ligado por skill, no ⚡ AUTO de cada slot da Build
   (Formação → Habilidades). O nó continua no DOM (é do React e a pausa antiga
   já não passa por ele — faixa-superior/despausa chamam toggleAuto() direto);
   só não é mais desenhado. Escopado à HUD 16:9: se um dia a HUD antiga voltar,
   o orbe volta a ser o PAUSAR original de lá. O .orb--auto da RAID é outro
   contêiner (.panel.raid-battle) e não é atingido. */
html[data-hud16] .panel.skillbar > .orb--auto {
  display: none !important;
}

/* ── 19/09/2026: ⚡ POR HABILIDADE no orbe do herói (Zerg). Espelha o `.chud__auto` dos
   companions. O <div> raiz é irmão dos orbes e não ocupa célula da grade; visibility e
   pointer-events herdam da `.skillbar` (recolhida = some e não clica). */
#skill-auto-atalhos {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
}
.skill-auto-atalho {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  z-index: 4;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #1a1206;
  border: 2px solid #e2b45a;
  color: #ffd54a;
  line-height: 1;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
/* Área de toque maior que o desenho: em orbe pequeno (celular) o círculo fica com ~16px. */
.skill-auto-atalho::before {
  content: '';
  position: absolute;
  inset: -5px;
  border-radius: 50%;
}
.skill-auto-atalho[hidden] {
  display: none;
}
.skill-auto-atalho[data-on='0'] {
  color: #8f8f8f;
  border-color: #6b5a3a;
  filter: grayscale(1);
}
.skill-auto-atalho[data-ocupado='1'] {
  opacity: 0.55;
}
.skill-auto-atalho:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 1px;
}
/* O ⚡ que o React desenha no orbe (só indicador, sem clique) sai quando o nosso está no ar. */
.panel.skillbar[data-atalho-auto] > .orb--skill .orb__auto {
  display: none !important;
}