/**
 * House Tour Widget styles
 *
 * Poster cover container + centered play button. The aspect-ratio of the
 * inline (autoplay) player is driven by the inherited Aspect Ratio control
 * via --video-aspect-ratio; the poster container itself is never affected.
 */

.house-tour-poster {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	cursor: pointer;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.house-tour-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform 0.2s ease;
}

.house-tour-poster:hover .house-tour-play,
.house-tour-play:focus-visible {
	transform: translate(-50%, -50%) scale(1.08);
	outline: none;
}

.house-tour-play i {
	font-size: 64px;
	line-height: 1;
	color: #ffffff;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}

.house-tour-play svg {
	width: 64px;
	height: 64px;
	fill: #ffffff;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}

/* Inline (autoplay) player keeps the inherited aspect-ratio setting. */
.house-tour-inline.elementor-wrapper {
	aspect-ratio: var(--video-aspect-ratio, 16 / 9);
}

.house-tour-inline.elementor-wrapper iframe,
.house-tour-inline.elementor-wrapper video {
	width: 100%;
	height: 100%;
	border: none;
	background-color: #000000;
}