/**
 * Video.js Custom Theme - TizianaLotto
 * Colori brand: rosso #F7003B, viola #922ABF
 */

/* Big Play Button */
.video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-left: -1.5em;
  margin-top: -1em;
  width: 3em;
  height: 2em;
  line-height: 2em;
  border: none;
  border-radius: 0.5em;
  font-size: 3em;
  background-color: rgba(247, 0, 59, 0.9);
  color: #fff;
  transition: background-color 0.3s, transform 0.2s;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus,
.video-js .vjs-big-play-button:active {
  background-color: rgba(247, 0, 59, 1);
  transform: scale(1.1);
}

/* Show play button when paused */
.vjs-paused.vjs-has-started.video-js .vjs-big-play-button,
.video-js.vjs-ended .vjs-big-play-button,
.video-js.vjs-paused .vjs-big-play-button {
  display: block;
}

/* Hide play button during loading/seeking */
.vjs-seeking .vjs-big-play-button,
.vjs-waiting .vjs-big-play-button {
  display: none !important;
}

/* Control Bar */
.video-js .vjs-control-bar {
  background-color: rgba(15, 23, 41, 0.9) !important;
  font-size: 12px;
}

/* Loading Spinner */
.video-js .vjs-loading-spinner {
  border-color: rgba(247, 0, 59, 0.9);
}

/* Progress Bar */
.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
  background-color: #F7003B;
}

/* Fullscreen */
.video-js.vjs-fullscreen,
.video-js.vjs-fullscreen .vjs-tech {
  width: 100% !important;
  height: 100% !important;
}

/* Responsive */
.video-js {
  width: 100%;
  height: 100%;
}

/* Hide controls when ended - show play button */
.video-js.vjs-ended .vjs-loading-spinner {
  display: none;
}

.video-js.vjs-ended .vjs-big-play-button {
  display: block !important;
}

/* Live UI */
.video-js.vjs-live .vjs-live-control {
  margin-left: 1em;
  color: #F7003B;
}

/* Control hover effect */
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff;
}