/* mod_hgticker — scrolling headlines. The strip starts with an empty gap the width of the viewport (padding-inline-start),
   so the first headline enters from the reading-end side. LTR: moves left. RTL (Hebrew): moves right, keyframes flipped below. */
.hg-ticker {
	display: flex;
	align-items: stretch;
	margin: 0 0 1rem;
	border: 1px solid #c9d6e6;
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 40, 90, .08);
}

.hg-ticker__label {
	flex: none;
	display: flex;
	align-items: center;
	gap: .4rem;
	padding: .5rem .9rem;
	background: #1f4e8c;
	color: #fff;
	font-weight: 700;
	white-space: nowrap;
}

.hg-ticker__viewport {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	position: relative;
}

.hg-ticker__track {
	display: inline-flex;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	/* starts fully outside on the start side, ends fully outside on the end side */
	animation: hg-ticker-scroll var(--hg-ticker-time, 60s) linear infinite;
	padding-inline-start: 100%;
}

.hg-ticker__viewport:hover .hg-ticker__track,
.hg-ticker__viewport:focus-within .hg-ticker__track,
.hg-ticker.is-paused .hg-ticker__track {
	animation-play-state: paused;
}

.hg-ticker__item {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .5rem 0;
	margin-inline-end: 2.5rem;
}

.hg-ticker__item a {
	color: #123a6b;
	text-decoration: none;
}

.hg-ticker__item a:hover,
.hg-ticker__item a:focus-visible {
	text-decoration: underline;
}

.hg-ticker__item::before {
	content: "\2736";
	color: #c9a227;
}

.hg-ticker__src {
	font-size: .8em;
	color: #5b6b80;
}

.hg-ticker__toggle {
	flex: none;
	border: 0;
	border-inline-start: 1px solid #c9d6e6;
	background: #f4f7fb;
	color: #1f4e8c;
	padding: 0 .8rem;
	cursor: pointer;
}

.hg-ticker__toggle:focus-visible,
.hg-ticker__item a:focus-visible {
	outline: 2px solid #1f4e8c;
	outline-offset: -2px;
}

/* LTR keyframes by default; flipped for RTL below */
@keyframes hg-ticker-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-100%); }
}

[dir="rtl"] .hg-ticker__track {
	animation-name: hg-ticker-scroll-rtl;
}

@keyframes hg-ticker-scroll-rtl {
	from { transform: translateX(0); }
	to   { transform: translateX(100%); }
}

/* No motion: a normal horizontally scrollable list, no auto-scroll. */
@media (prefers-reduced-motion: reduce) {
	.hg-ticker__track {
		animation: none;
		padding-inline-start: 0;
	}

	.hg-ticker__viewport {
		overflow-x: auto;
	}

	.hg-ticker__toggle {
		display: none;
	}
}

@media (max-width: 575px) {
	.hg-ticker__label {
		font-size: .9rem;
		padding-inline: .6rem;
	}
}
