.emt-wrapper {
	width: 100%;
	background: var(--emt-bg, #1b1b1b);
	overflow: hidden;
	box-sizing: border-box;
}
.emt-wrapper * { box-sizing: border-box; }

/* Reserves space at the top of the page so page content isn't hidden
   behind the fixed marquee bar when sticky mode is enabled. Height is
   set dynamically by frontend.js to match the bar's real rendered height. */
.emt-sticky-spacer {
	height: 0;
	width: 100%;
}

.emt-inner {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-top: var(--emt-padding-top, 10px);
	padding-bottom: var(--emt-padding-bottom, 10px);
}
.emt-inner.emt-boxed {
	max-width: var(--emt-max-width, 1200px);
	padding-left: 16px;
	padding-right: 16px;
}

.emt-close {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	color: var(--emt-text-color, #fff);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	opacity: .7;
	z-index: 2;
	padding: 4px 8px;
}
.emt-close:hover { opacity: 1; }

.emt-track-outer {
	width: 100%;
	overflow: hidden;
}

.emt-track {
	display: flex;
	width: max-content;
	will-change: transform;
	animation: emt-scroll-left var(--emt-duration, 20s) linear infinite;
}
.emt-track.emt-dir-right {
	animation-name: emt-scroll-right;
}
.emt-track-outer.emt-pause-hover:hover .emt-track {
	animation-play-state: paused;
}

@keyframes emt-scroll-left {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}
@keyframes emt-scroll-right {
	from { transform: translateX(-50%); }
	to   { transform: translateX(0); }
}

.emt-list {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.emt-item {
	display: inline-flex;
	align-items: center;
	margin-right: var(--emt-item-gap, 60px);
	position: relative;
}

.emt-separator {
	margin-left: calc(var(--emt-item-gap, 60px) / 2);
	color: var(--emt-text-color, #fff);
	opacity: .6;
	font-size: var(--emt-font-size, 16px);
}

.emt-item a,
.emt-item span {
	color: var(--emt-text-color, #fff);
	font-family: var(--emt-font-family, inherit);
	font-size: var(--emt-font-size, 16px);
	font-weight: var(--emt-font-weight, 500);
	font-style: var(--emt-font-style, normal);
	letter-spacing: var(--emt-letter-spacing, 0px);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.emt-item a:hover {
	text-decoration: underline;
	opacity: .9;
}

.emt-icon {
	font-size: calc(var(--emt-font-size, 16px) + 2px);
	line-height: 1;
	display: inline-block;
}
.emt-icon.dashicons {
	width: auto;
	height: auto;
}
.emt-icon-custom {
	font-style: normal;
}

@media (max-width: 782px) {
	.emt-item { margin-right: calc(var(--emt-item-gap, 60px) / 1.5); }
}