/**
 * BM Video widget styles
 *
 * @package Airabella
 */

.hero-video {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.hero-video video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.video-toggle {
	position: absolute;
	bottom: 40px;
	right: 40px;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 3;
	transition: all 0.3s ease;
}

.video-toggle:hover {
	background: rgba(255, 255, 255, 0.18);
	transform: scale(1.05);
}

.video-toggle svg {
	width: 18px;
	height: 18px;
	fill: #fff;
}

.video-toggle .icon-pause {
	display: none;
}

.video-toggle.playing .icon-play {
	display: none;
}

.video-toggle.playing .icon-pause {
	display: block;
}