/**
 * Exploration Bulova 150 — menú, timeline, satèl·lit, popup vídeo.
 */

/* Footer: amagar submenú 150 */
.footer-widget:last-child .sub-menu {
	display: none;
}

/* Satèl·lit header */
@keyframes rotacio-satelit {
	0%,
	50%,
	100% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(10deg);
	}
	75% {
		transform: rotate(-10deg);
	}
}

#exploration-bulova-150 .header-content img {
	animation: rotacio-satelit 40s ease-in-out infinite;
}

/* Timeline */
.year-down-timeline {
	font-size: 60px;
	transition: all 0.4s;
	cursor: pointer;
}

.year-down-timeline:hover {
	transform: translateY(5px);
}

.videos-150 {
	display: block;
}

/* Menú interactive museum */
.menu-interactive-museum .et_pb_widget_area .current-menu-item a {
	color: var(--bulova-white) !important;
}

.menu-interactive-museum .et_pb_widget_area .et_pb_widget .menu > li {
	padding-left: 15px;
}

.menu-interactive-museum .et_pb_widget_area .menu-item-has-children.current-menu-item > a:before {
	content: "–";
	position: absolute;
	left: 0;
	font-weight: 400;
	font-size: 16px;
}

.menu-interactive-museum .et_pb_widget_area .sub-menu {
	margin-top: 5px;
}

/* Popup vídeo (desktop) */
@media (min-width: 981px) {
	body:not(.et-fb) .video-popup-content {
		position: fixed;
		inset: 0;
		height: 100% !important;
		display: none;
		align-items: center;
		justify-content: center;
		z-index: 9999 !important;
	}

	body:not(.et-fb) .video-popup-content.active {
		display: flex;
	}

	body:not(.et-fb) .video-play-button,
	.close-video {
		cursor: pointer;
	}

	.close-video {
		background-color: var(--bulova-black) !important;
		height: 15px !important;
		width: 15px !important;
		line-height: 15px;
		font-size: 15px;
	}

	body:not(.et-fb) .active .et_pb_video_box .close-video,
	body:not(.et-fb) .active .et_pb_audio_module_content .close-video {
		position: absolute;
		z-index: 999;
		color: var(--bulova-white);
		right: 0 !important;
		top: 0 !important;
	}

	body:not(.et-fb) .active .et_pb_video_box,
	body:not(.et-fb) .active .et_pb_audio_module_content {
		position: relative;
		max-width: 500px;
		width: 80%;
		z-index: 999;
	}

	body:not(.et-fb) .video-popup-content.active .et_pb_video_overlay {
		display: none;
	}

	body:not(.et-fb) .active .et_pb_audio_module_content {
		background-color: var(--bulova-black);
		padding: 45px 30px;
	}

	.et_pb_row:has(.active) {
		z-index: 999;
	}

	body:not(.et-fb) .video-overlay {
		position: fixed;
		inset: 0;
		width: 100%;
		height: 100%;
		background-color: var(--bulova-overlay);
		opacity: 0.8;
	}
}