/* Theme skin para Video.js + IMA. Carregado só em singles com URL direta. */

.player .video-js {
	width: 100%;
	height: 100%;
	background: #000;
	font-family: 'DM Sans', sans-serif;
}

/* Big play button — círculo branco com glow gradiente */
.player .video-js .vjs-big-play-button {
	background: rgba(255,255,255,0.95);
	border: none;
	border-radius: 50%;
	width: 78px;
	height: 78px;
	line-height: 78px;
	margin-left: -39px;
	margin-top: -39px;
	box-shadow: 0 12px 40px rgba(0,194,255,0.45);
	color: #06091e;
	transition: transform .2s ease, box-shadow .2s ease;
}
@media (min-width: 768px) {
	.player .video-js .vjs-big-play-button {
		width: 96px; height: 96px; line-height: 96px;
		margin-left: -48px; margin-top: -48px;
	}
}
.player .video-js:hover .vjs-big-play-button,
.player .video-js .vjs-big-play-button:hover,
.player .video-js .vjs-big-play-button:focus {
	background: #fff;
	transform: scale(1.06);
	box-shadow: 0 16px 48px rgba(0,194,255,0.6);
	outline: none;
}
.player .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
	line-height: inherit;
	font-size: 32px;
}
@media (min-width: 768px) {
	.player .video-js .vjs-big-play-button .vjs-icon-placeholder:before { font-size: 42px; }
}

/* Control bar com gradiente do tema */
.player .video-js .vjs-control-bar {
	background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.85) 100%);
	height: 48px;
	padding-top: 8px;
}

/* Progress bar — gradiente da marca */
.player .video-js .vjs-play-progress,
.player .video-js .vjs-volume-level {
	background: linear-gradient(90deg, #00c2ff, #7b2fff) !important;
}
.player .video-js .vjs-play-progress::before {
	color: #00c2ff;
	font-size: 12px;
}
.player .video-js .vjs-load-progress {
	background: rgba(255,255,255,0.25);
}
.player .video-js .vjs-load-progress div {
	background: rgba(255,255,255,0.35);
}
.player .video-js .vjs-slider {
	background: rgba(255,255,255,0.18);
}

/* Volume panel */
.player .video-js .vjs-volume-panel:hover .vjs-volume-control {
	background: rgba(0,0,0,0.4);
	backdrop-filter: blur(6px);
	border-radius: 6px;
}

/* Time display */
.player .video-js .vjs-time-control {
	font-family: 'DM Sans', sans-serif;
	font-size: 12px;
	font-weight: 500;
}

/* Loading spinner com cor da marca */
.player .video-js .vjs-loading-spinner {
	border-color: rgba(0,194,255,0.3);
	border-top-color: #00c2ff;
}

/* Menu (qualidade, velocidade) */
.player .video-js .vjs-menu .vjs-menu-content {
	background: rgba(13,17,53,0.95);
	backdrop-filter: blur(10px);
	border-radius: 6px;
	border: 1px solid rgba(255,255,255,0.08);
}
.player .video-js .vjs-menu li.vjs-selected,
.player .video-js .vjs-menu li:hover {
	background: rgba(0,194,255,0.18);
	color: #fff;
}

/* IMA ad container — só intercepta cliques quando um ad está realmente tocando.
   Sem isso, o <div> do IMA fica em cima do player o tempo todo e bloqueia
   interações com a control bar, big-play-button, scrubber, etc. */
.player .video-js .ima-ad-container {
	pointer-events: none;
}
.player .video-js.vjs-ad-playing .ima-ad-container,
.player .video-js.vjs-ad-loading .ima-ad-container {
	pointer-events: auto;
	z-index: 10;
}

/* Esconde controles do live (não usamos) */
.player .video-js .vjs-control-bar .vjs-live-control { display: none; }

/* Fluid: aspect 16:9 mantido */
.player .video-js.vjs-fluid {
	padding-top: 56.25%;
}