/* Disco-Train — Events Ticker Zelfde kleurenpalet als de andere discotrain-*-plugins (bewust gedupliceerd i.p.v. een gedeeld bestand — zie andere discotrain-*.css voor dezelfde motivatie: deze plugin blijft zo los van de rest). */ :root { --discotrain-accent: #ff007f; --discotrain-dark: #0d0d0d; --discotrain-dark-alt: #1a1a1a; --discotrain-text: #ffffff; --discotrain-text-muted: #a3a3a3; } /* Viewport (overflow:hidden) + track (transform) bewust GESCHEIDEN elementen — nooit overflow:hidden en translateX op hetzelfde element (zie [[feedback_carousel_overflow_transform]]: dat breekt de scroll). */ .discotrain-ticker { position: relative; /* Boven een eventuele Disco-Train Page Background-laag (die staat op z-index:0, zie discotrain-pbg-frontend.css) — ongeacht de volgorde waarin de twee plugins hun markup na injecteren. */ z-index: 2; width: 100%; overflow: hidden; background: var(--discotrain-dark-alt); border-bottom: 1px solid rgba(255, 255, 255, 0.08); white-space: nowrap; } .discotrain-ticker-track { display: inline-flex; align-items: center; will-change: transform; padding: 9px 0; } .discotrain-ticker-item { display: inline-flex; align-items: center; gap: 8px; padding: 0 22px; text-decoration: none; color: var(--discotrain-text) !important; font-size: 13px; font-weight: 600; white-space: nowrap; transition: color 0.15s ease; } .discotrain-ticker-item:hover { color: var(--discotrain-accent) !important; } .discotrain-ticker-date { color: var(--discotrain-accent) !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; } .discotrain-ticker-sep { color: var(--discotrain-text-muted); font-size: 7px; vertical-align: middle; } @media only screen and (max-width: 767px) { .discotrain-ticker-item { padding: 0 16px; font-size: 12px; } }