/**
 * Urra Core — Press Ticker widget styles.
 *
 * Scoped bajo `.uc-press-ticker` con CSS custom properties para
 * blindar estilos frente a Elementor / tema.
 */

.elementor-widget-uc_press_ticker > .elementor-widget-container {
	overflow: visible;
}

.uc-press-ticker {
	--uc-pt-gap: 12px;
	--uc-pt-fade-ms: 400ms;
	--uc-pt-pill-bg: rgba(255, 255, 255, 0.16);
	--uc-pt-pill-color: #ffffff;
	--uc-pt-pill-font-size: 12px;
	--uc-pt-title-color: #ffffff;
	--uc-pt-title-hover-color: #ffffff;
	--uc-pt-title-decoration: underline;
	--uc-pt-title-font-size: 16px;

	display: block;
	width: 100%;
	box-sizing: border-box;
	font-family: var(--urra-font-body, inherit);
	color: var(--uc-pt-title-color);
}

.uc-press-ticker,
.uc-press-ticker *,
.uc-press-ticker *::before,
.uc-press-ticker *::after {
	box-sizing: border-box;
}

.uc-press-ticker__empty {
	margin: 0;
	font-size: var(--uc-pt-title-font-size);
	line-height: 1.4;
	color: var(--uc-pt-title-color);
}

.uc-press-ticker__viewport {
	position: relative;
	width: 100%;
	min-width: 0;
}

.uc-press-ticker__track {
	display: grid;
	align-items: center;
	width: 100%;
	min-width: 0;
}

.uc-press-ticker__slide {
	grid-area: 1 / 1;
	display: flex;
	align-items: center;
	gap: var(--uc-pt-gap);
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	z-index: 0;
	pointer-events: none;
	transition: opacity var(--uc-pt-fade-ms) ease;
}

.uc-press-ticker__slide--active {
	opacity: 1;
	z-index: 1;
	pointer-events: auto;
}

/* ---------- Pill ---------- */

.uc-press-ticker__pill,
.elementor-widget-uc_press_ticker .uc-press-ticker__pill {
	display: inline-flex !important;
	flex: 0 0 auto;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 4px 12px !important;
	border: 0 !important;
	border-radius: 100px !important;
	background: var(--uc-pt-pill-bg) !important;
	background-color: var(--uc-pt-pill-bg) !important;
	color: var(--uc-pt-pill-color) !important;
	font-family: inherit !important;
	font-size: var(--uc-pt-pill-font-size) !important;
	font-weight: 600 !important;
	font-style: normal !important;
	line-height: 1.2 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

/* ---------- Title link ---------- */

.uc-press-ticker__link,
.elementor-widget-uc_press_ticker a.uc-press-ticker__link,
.elementor-widget-uc_press_ticker a.uc-press-ticker__link:link,
.elementor-widget-uc_press_ticker a.uc-press-ticker__link:visited {
	display: block !important;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--uc-pt-title-color) !important;
	font-family: inherit !important;
	font-size: var(--uc-pt-title-font-size) !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 1.4 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-decoration: var(--uc-pt-title-decoration) !important;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
	box-shadow: none !important;
	transition: color 180ms ease, opacity 180ms ease;
}

.uc-press-ticker__title,
.elementor-widget-uc_press_ticker .uc-press-ticker__title {
	display: block;
	min-width: 0;
	color: inherit !important;
	font: inherit !important;
}

.uc-press-ticker__link:hover,
.uc-press-ticker__link:focus-visible,
.elementor-widget-uc_press_ticker a.uc-press-ticker__link:hover,
.elementor-widget-uc_press_ticker a.uc-press-ticker__link:focus-visible {
	color: var(--uc-pt-title-hover-color, var(--uc-pt-title-color)) !important;
	text-decoration: var(--uc-pt-title-decoration) !important;
}

/* ---------- Mobile trim ---------- */

@media (max-width: 767px) {
	.uc-press-ticker__link {
		overflow: hidden;
	}

	.uc-press-ticker__title {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

@media (prefers-reduced-motion: reduce) {
	.uc-press-ticker__slide {
		transition: none;
	}
}