/* Ouro e Terra — Vídeo do produto */
.oetv-caixa {
	position: relative;
	width: 100%;
	aspect-ratio: var(--oetv-ratio, 1 / 1);
	background: #f4f4f4;
	overflow: hidden;
}
.oetv-caixa iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 0;
	/* o arrastar da galeria passa por cima do vídeo; o som tem botão próprio */
	pointer-events: none;
}
.oetv-vertical .oetv-caixa iframe {
	height: 100%;
	width: auto;
	aspect-ratio: 9 / 16;
}
.oetv-horizontal .oetv-caixa iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

.oetv-caixa .oetv-som,
.oetv-caixa button.oetv-som[type=button] {
	/* centrado embaixo: cai sobre o vídeo tanto em pé quanto deitado */
	position: absolute;
	left: 50%;
	bottom: 16px;
	transform: translateX(-50%);
	white-space: nowrap;
	z-index: 2;
	margin: 0;
	padding: 9px 14px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: rgba(255, 255, 255, .92) !important;
	color: #5a3a1e !important;
	font: 600 11px/1 Montserrat, "Instrument Sans", sans-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .12) !important;
	cursor: pointer;
}
.oetv-caixa .oetv-som:hover,
.oetv-caixa button.oetv-som[type=button]:hover {
	background: #a97b40 !important;
	color: #fff !important;
}
.oetv-caixa .oetv-som:focus,
.oetv-caixa button.oetv-som[type=button]:focus {
	outline: none;
}
.oetv-caixa .oetv-som:focus-visible {
	outline: 2px solid #a97b40;
	outline-offset: 2px;
}

/* Miniatura do vídeo com o «play» por cima */
.flex-control-thumbs li.oetv-thumb {
	position: relative;
}
.flex-control-thumbs li.oetv-thumb img {
	object-fit: cover;
	aspect-ratio: 1 / 1;
}
.flex-control-thumbs li.oetv-thumb::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: rgba(169, 123, 64, .92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 7v10l8-5z'/%3E%3C/svg%3E") center / 18px no-repeat;
	pointer-events: none;
}

/* Com o vídeo na tela, a lupa da galeria some (não há foto para ampliar) */
.oetv-no-video .woocommerce-product-gallery__trigger {
	opacity: 0;
	pointer-events: none;
}

/* A capa escondida só serve à lupa; a ampliação ao passar o mouse não vale para o vídeo */
.oetv-slide .oetv-capa,
.oetv-slide .zoomImg {
	display: none !important;
}

/* Galeria do plugin «Ouro e Terra — Loja» */
.oet-galeria .oetv-slide {
	flex: 0 0 100%;
	scroll-snap-align: start;
}