/* Ticker ([neb_ticker], inc/ticker.php). The label is a block from the page’s left edge to the content
   column; the line scrolls behind it and stops at the column's right edge, where a strip in the band's own
   colour covers it (Danny, 1 November 2026). Colours and fonts are the Elementor globals. */
.neb-ticker { position: relative; overflow: hidden; height: 44px; border-top: 1px solid var(--e-global-color-lightblue); background: #fff; }
.neb-ticker::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; z-index: 2; width: max(16px, calc((100% - 1200px) / 2)); background: inherit; }
.neb-ticker-label { position: absolute; left: 0; top: 0; bottom: 0; z-index: 2; display: flex; align-items: center;
	padding: 0 26px 0 max(16px, calc((100% - 1200px) / 2)); background: var(--e-global-color-secondary); color: #fff;
	font-family: var(--e-global-typography-primary-font-family), sans-serif; font-weight: 600; font-size: 17px; }
/* The gap before the line is a margin, not padding, so half the track's width is exactly one copy of the line
   and the loop has no jump. */
.neb-ticker-track { display: flex; align-items: center; height: 100%; width: max-content; margin-left: 260px; animation: neb-ticker var(--neb-ticker-time, 45s) linear infinite; }
.neb-ticker .neb-ticker-item { display: flex; align-items: center; gap: 28px; margin-right: 28px; white-space: nowrap; font-size: 16px; color: var(--e-global-color-text); text-decoration: none; }
.neb-ticker a.neb-ticker-item:hover, .neb-ticker a.neb-ticker-item:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.neb-ticker-item::after { content: ""; width: 6px; height: 6px; background: var(--e-global-color-lightblue); }
.neb-ticker:hover .neb-ticker-track, .neb-ticker:focus-within .neb-ticker-track { animation-play-state: paused; }
@keyframes neb-ticker { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .neb-ticker-track { animation: none; } }
/* Desktop: a pale blue band between the white header and the dark hero; the fill replaces the top rule and
   the item markers turn blue to stay visible. Tablet and phone keep white, as the hero there is pale blue. */
@media (min-width: 1025px) {
	.neb-ticker { border-top: 0; background: var(--e-global-color-paleblue); }
	.neb-ticker-item::after { background: var(--e-global-color-secondary); }
}
@media (max-width: 767px) {
	.neb-ticker { height: 40px; }
	.neb-ticker-label { font-size: 16px; padding-right: 16px; }
	.neb-ticker-track { margin-left: 100px; }
}
