/* Wrapper only - the bar's own look is controlled in Elementor. */
.ml-topbar {
	position: relative;
	width: 100%;
	z-index: 9998;
}

.ml-topbar--sticky {
	position: sticky;
	top: 0;
}

.ml-topbar--closed {
	display: none !important;
}

.ml-topbar__content > .elementor {
	width: 100%;
}

/* Elementor containers keep their own padding; kill the theme's stray margins. */
.ml-topbar__content p:last-child {
	margin-bottom: 0;
}

.ml-topbar__close {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	padding: 0;
	line-height: 1;
	font-size: 18px;
	color: inherit;
	background: transparent;
	border: 0;
	opacity: 0.55;
	cursor: pointer;
}

.ml-topbar__close:hover {
	opacity: 1;
}

@media (max-width: 767px) {
	.ml-topbar--hide-mobile {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.ml-topbar--hide-tablet {
		display: none !important;
	}
}

@media (min-width: 1025px) {
	.ml-topbar--hide-desktop {
		display: none !important;
	}
}
