/* Direita.org YouTube v1.8 — faixa compacta e controle de tela cheia discreto.
 * Mantém o Play, o carregamento e o restante do player da v1.7.
 */
#dorg-live-player-shell { isolation:isolate; background:#0d1420; overflow:hidden; }
#dorg-live-player-shell #dorg-youtube-live-player {
  position:relative; z-index:1; display:block; width:100% !important;
  height:100% !important; border:0;
}
#dorg-live-cover {
  position:absolute; inset:0; z-index:3; width:100%; height:100%;
  object-fit:cover; display:block; pointer-events:none;
}
/* Botão funcional com dimensoes e estilo iguais aos cards dos outros videos. */
#dorg-live-play {
  position:absolute; z-index:7;
  top:50%; left:50%; transform:translate(-50%,-50%);
  border:0; border-radius:50%;
  width:60px; height:60px;
  padding:0; display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.7); color:#fff;
  cursor:pointer; transition:background-color .2s ease-in-out, transform .2s ease-in-out;
}
#dorg-live-play i {color:#fff;font-size:2rem;line-height:1;transform:translateX(2px);}
#dorg-live-play:hover {background:rgba(0,0,0,.9);transform:translate(-50%,-50%) scale(1.1);}
#dorg-live-play:focus-visible {outline:2px solid #fbbf24;outline-offset:3px;}
#dorg-live-play[hidden] {display:none !important;}
/* Indicador de espera acionado no mesmo toque do Play. */
#dorg-live-loading {
  position:absolute; z-index:8; left:50%;top:50%;transform:translate(-50%,-50%);
  width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  pointer-events:none;
}
#dorg-live-loading[hidden] {display:none !important;}
.dorg-live-spinner {
  display:block; width:40px;height:40px;
  border:3px solid rgba(255,255,255,.42);
  border-top-color:#fff; border-radius:50%;
  animation:dorg-live-spin .85s linear infinite;
  filter:drop-shadow(0 1px 4px rgba(0,0,0,.7));
}
@keyframes dorg-live-spin {to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce) {.dorg-live-spinner{animation-duration:2s}}
#dorg-live-player-shell.dorg-live-started #dorg-live-cover,
#dorg-live-player-shell.dorg-live-error #dorg-live-cover {display:none;}
#dorg-live-status {
  position:absolute; z-index:9; top:calc(50% + 36px); left:50%;
  transform:translateX(-50%); width:max-content; max-width:92%;
  color:#fff; font:500 13px/1.35 Arial,Helvetica,sans-serif;
  text-shadow:0 1px 4px #000, 0 0 5px #000;
  background:transparent; pointer-events:none; padding:0; text-align:center;
}
#dorg-live-status[hidden] {display:none !important;}
/* Tela cheia discreta: somente o símbolo, com transparência próxima aos controles nativos. */
.dorg-live-icon-button {
  position:absolute; z-index:15; bottom:12px;
  width:38px; height:38px;
  display:flex; justify-content:center; align-items:center;
  padding:0; background:rgba(0,0,0,.12); color:#fff;
  border:0; border-radius:50%; box-shadow:none;
  backdrop-filter:none; -webkit-backdrop-filter:none;
  cursor:pointer; transition:background-color .15s ease;
}
.dorg-live-icon-button i {
  font-size:18px; line-height:1;
  text-shadow:0 1px 4px rgba(0,0,0,.9), 0 0 2px rgba(0,0,0,.65);
}
.dorg-live-fullscreen {right:12px;}
.dorg-live-icon-button:hover {background:rgba(0,0,0,.22);}
.dorg-live-icon-button:focus-visible {outline:2px solid #fbbf24;outline-offset:2px;}
.dorg-live-icon-button[hidden]{display:none !important;}
#dorg-live-player-shell:fullscreen,
#dorg-live-player-shell:-webkit-full-screen {
  width:100vw !important; height:100vh !important;
  max-width:none !important; aspect-ratio:auto !important;
  border-radius:0 !important; background:#000;
}
#dorg-live-player-shell:fullscreen #dorg-youtube-live-player,
#dorg-live-player-shell:-webkit-full-screen #dorg-youtube-live-player {width:100% !important;height:100% !important;}
@media (max-width:640px) {
  .dorg-live-icon-button {width:34px;height:34px;bottom:10px;}
  .dorg-live-icon-button i {font-size:15px;}
  .dorg-live-fullscreen {right:10px;}
  #dorg-live-status {font-size:12px;max-width:90%;}
}
