/**
 * Tutor LMS Video Watermark - overlay styles.
 *
 * @package WatermarkForTutorLMS
 * @since   1.0.0
 */

.tutor-video-player {
	position: relative;
}

.wftl-ah-overlay {
	position: absolute;
	z-index: 9;
	display: flex;
	align-items: center;
	gap: 6px;
	max-width: 70%;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: top 0.6s ease, left 0.6s ease, right 0.6s ease, bottom 0.6s ease;
}

.wftl-ah-overlay img {
	display: block;
	height: auto;
	max-width: 100%;
}

.wftl-ah-text {
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.65 );
}

/* When re-parented into the fullscreen element, sit above the player UI. */
.wftl-ah-overlay--fs {
	z-index: 2147483646;
}

/* Custom fullscreen button used for native YouTube/Vimeo players. */
.wftl-ah-fs-btn {
	position: absolute;
	right: 12px;
	bottom: 56px;
	z-index: 2147483647;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin: 0;
	padding: 0;
	color: #fff;
	cursor: pointer;
	background: rgba( 0, 0, 0, 0.55 );
	border: 0;
	border-radius: 4px;
	opacity: 0.55;
	transition: opacity 0.2s ease, background 0.2s ease;
}

.tutor-video-player:hover .wftl-ah-fs-btn,
.wftl-ah-fs-btn:focus {
	opacity: 1;
}

.wftl-ah-fs-btn:hover {
	background: rgba( 0, 0, 0, 0.75 );
}