/* Plyr Customization & Tỉ lệ 16/9 max-height 85vh */
:root {
  --plyr-color-main: #6366f1;
  --plyr-video-background: #000;
  --plyr-control-radius: 6px;
  --plyr-control-icon-size: 15px;
}

.player-container {
  max-height: 85vh;
  aspect-ratio: 16 / 9;
  width: 100%;
}

.plyr {
  max-height: 85vh !important;
  aspect-ratio: 16 / 9 !important;
  width: 100% !important;
  height: 100% !important;
  background: #000;
  border-radius: 0.75rem;
}

.plyr__video-wrapper {
  max-height: 85vh !important;
  aspect-ratio: 16 / 9 !important;
  background: #000;
  border-radius: 0.75rem;
}

.plyr video {
  max-height: 85vh !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: contain !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
}

/* Hide Native Cue & Cloak */
video::cue {
  opacity: 0 !important;
  display: none !important;
}

[x-cloak] {
  display: none !important;
}