/**
 * Player dos vídeos importados.
 *
 * Só o que o video.js não resolve sozinho: a cor de destaque configurável e o
 * botão de qualidade. O resto da aparência é a folha do próprio video.js, de
 * propósito — reescrevê-la aqui faria o player divergir a cada atualização da
 * biblioteca.
 */

/*
 * A cor entra por variável definida no elemento (ver pintar(), no player.js),
 * e não numa regra global: dois players na mesma página podem ter cores
 * diferentes, e o preview do admin troca a cor sem recarregar.
 */
.aurora5-imp-accent .vjs-play-progress,
.aurora5-imp-accent .vjs-volume-level {
  background-color: var(--aurora5-accent);
}

.aurora5-imp-accent .vjs-play-progress::before {
  color: var(--aurora5-accent);
}

.aurora5-imp-accent .vjs-big-play-button:hover,
.aurora5-imp-accent .vjs-big-play-button:focus {
  border-color: var(--aurora5-accent);
}

.aurora5-imp-accent .vjs-slider-bar,
.aurora5-imp-accent .vjs-selected {
  color: var(--aurora5-accent);
}

/* O menu de qualidade herda o menu padrão; só a largura precisa de ajuda,
   senão "Automático" quebra em duas linhas. */
.aurora5-imp-quality .vjs-menu .vjs-menu-content {
  width: 8em;
}

.aurora5-imp-quality .vjs-menu-item {
  text-transform: none;
  font-size: 1.1em;
}