/* ET CÆTERA news ticker — self-contained styles.
   To REMOVE the ticker entirely: delete the ETS-TICKER block in index.html
   (markup + the <link> to this file + the two ticker scripts). This file, ticker.js
   and ticker-data.js can then be deleted. Nothing else references them. */

.ets-ticker {
    --ticker-duration: 90s;          /* full loop; tune here (was 60s → ~33% slower) */
    --ticker-fade: 60px;             /* edge fade width */
    background: #000000;
    width: 100%;
    overflow: hidden;
}

/* Content constrained to the same width/padding as the site's .container (max-width 1180px). */
.ets-ticker__inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 2rem;
    position: relative;
    overflow: hidden;
    /* Fade in/out at the edges instead of a hard cut. */
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--ticker-fade), #000 calc(100% - var(--ticker-fade)), transparent 100%);
            mask-image: linear-gradient(to right, transparent 0, #000 var(--ticker-fade), #000 calc(100% - var(--ticker-fade)), transparent 100%);
}

.ets-ticker__track {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: 9px 0;                  /* → bar height ≈ 44px */
    will-change: transform;
    animation: ets-ticker-scroll var(--ticker-duration) linear infinite;
}

/* Pause on hover. */
.ets-ticker:hover .ets-ticker__track { animation-play-state: paused; }

.ets-ticker__item {
    color: #ffffff;
    font-family: var(--font-display, "Montserrat", "Helvetica Neue", Arial, sans-serif);
    font-weight: 300;
    font-size: 13.5px;
    line-height: 1.2;
}

.ets-ticker__country { font-weight: 700; }

.ets-ticker__sep {
    color: #666666;
    padding: 0 16px;
}

/* The list is duplicated twice inside the track; -50% lands exactly on the second copy → seamless. */
@keyframes ets-ticker-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
    .ets-ticker__track { animation: none; }
}