/*
 * Bandeau boursier qui défile (maquette de l'accueil), chargé sur toutes les pages depuis le 19/10/2026
 * (layout.html.twig). Règles reprises de accueil.css ; .acc-var sert aussi à la carte du cours de l'accueil.
 */
.acc-var{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}
.acc-var.acc-hausse:before,.acc-var.acc-baisse:before{content:"";border:4px solid transparent}
.acc-var.acc-hausse:before{border-bottom:6px solid currentColor;margin-top:-5px}
.acc-var.acc-baisse:before{border-top:6px solid currentColor;margin-top:5px}

/* ----------------------------------------------------- BANDEAU BOURSIER QUI DÉFILE */
.acc-ticker{display:flex;align-items:stretch;height:44px;background:var(--acc-nuit,#121212);color:#fff;font-size:13px;overflow:hidden}
.acc-ticker-titre{flex:none;display:flex;align-items:center;gap:12px;padding:0 20px 0 24px;background:#1c1c1c;border-right:1px solid rgba(255,255,255,.08);color:#fff;position:relative;z-index:2}
.acc-ticker-titre:hover .acc-ticker-libelle{text-decoration:underline}
/* Point vert qui pulse (comme la maquette) ; le libellé « Cours de bourse » reste pour les lecteurs d'écran */
.acc-ticker-libelle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.acc-point{width:7px;height:7px;flex:none;border-radius:50%;background:#6fdc9a;animation:acc-pulse 2s infinite}
@keyframes acc-pulse{0%{box-shadow:0 0 0 0 rgba(111,220,154,.55)}70%{box-shadow:0 0 0 8px rgba(111,220,154,0)}100%{box-shadow:0 0 0 0 rgba(111,220,154,0)}}
.acc-code{font-weight:700;letter-spacing:.06em}
.acc-place{color:rgba(255,255,255,.55);font-size:12px}
.acc-prix{font-weight:600;font-size:14px}
.acc-ticker .acc-hausse{color:#6fdc9a;background:rgba(31,157,85,.18)}
.acc-ticker .acc-baisse{color:#ff9a9a;background:rgba(217,48,54,.2)}
.acc-ticker .acc-stable{color:#ddd;background:rgba(255,255,255,.1)}
.acc-ticker-piste{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.acc-ticker-rail{display:flex;width:max-content;height:100%;align-items:center;animation:acc-defile 70s linear infinite}
.acc-ticker:hover .acc-ticker-rail{animation-play-state:paused}
@keyframes acc-defile{to{transform:translateX(-50%)}}
.acc-ticker-item{display:flex;align-items:center;gap:8px;padding:0 26px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.08)}
.acc-ticker-item > span{color:rgba(255,255,255,.55)}
.acc-ticker-item strong{font-weight:600}
.acc-ticker-item strong small{font-size:inherit;margin-left:3px}
.acc-ticker-item .acc-accent{color:#ff9a9a}
.acc-ticker-maj{flex:none;display:flex;align-items:center;padding:0 24px;background:var(--acc-nuit,#121212);position:relative;z-index:2;color:rgba(255,255,255,.45);font-size:12px;border-left:1px solid rgba(255,255,255,.08)}

@media (prefers-reduced-motion: reduce){
	.acc-ticker-rail,.acc-point{animation:none}
}
@media only screen and (max-width: 640px){
	.acc-place,.acc-ticker-maj{display:none}
	.acc-ticker-titre{padding:0 14px 0 16px;gap:8px}
	.acc-ticker-item{padding:0 18px}
}