/* iDevArt — Ticker des nouveautés */
.idvt{--bg:#1b1d1f;--fg:#f5f5ed;--mut:#8a8d90;--line:rgba(255,255,255,.09);--acc:#21c4b4;
 position:relative;display:flex;align-items:stretch;height:52px;background:var(--bg);color:var(--fg);overflow:hidden;
 border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:"DM Sans",system-ui,sans-serif;z-index:5}
.idvt--clair{--bg:#fff;--fg:#212529;--mut:#888;--line:#ececec;--acc:#13a596}
.idvt *{box-sizing:border-box}
/* fine ligne de balayage, effet « tech » discret */
.idvt:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--acc),transparent);width:30%;animation:idvt-scan 6s linear infinite;opacity:.8;pointer-events:none}
@keyframes idvt-scan{0%{transform:translateX(-100%)}100%{transform:translateX(430%)}}
.idvt__label{flex:none;display:flex;align-items:center;gap:12px;padding:0 26px 0 clamp(16px,3vw,40px);font:500 12px/1 "Roboto Mono",ui-monospace,monospace;letter-spacing:3px;text-transform:uppercase;color:var(--fg);background:var(--bg);position:relative;z-index:2;border-right:1px solid var(--line)}
.idvt__label:after{content:"";position:absolute;right:-41px;top:0;bottom:0;width:40px;background:linear-gradient(90deg,var(--bg),transparent);pointer-events:none}
.idvt__live{width:8px;height:8px;border-radius:50%;background:var(--acc);animation:idvt-pulse 1.8s infinite}
@keyframes idvt-pulse{0%{box-shadow:0 0 0 0 rgba(33,196,180,.55)}70%{box-shadow:0 0 0 9px rgba(33,196,180,0)}100%{box-shadow:0 0 0 0 rgba(33,196,180,0)}}
.idvt__viewport{flex:1;min-width:0;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 0,#000 92%,transparent)}
.idvt__track{display:flex;align-items:center;height:100%;margin:0;padding:0 0 0 30px;list-style:none;width:max-content;will-change:transform}
.idvt.is-running .idvt__track{animation:idvt-move var(--dur,40s) linear infinite}
.idvt:hover .idvt__track,.idvt:focus-within .idvt__track{animation-play-state:paused}
@keyframes idvt-move{to{transform:translateX(calc(-1 * var(--shift,50%)))}}
.idvt__item{display:flex;align-items:center;white-space:nowrap;margin:0}
.idvt__link{display:inline-flex;align-items:center;gap:12px;color:var(--fg);text-decoration:none;padding:6px 4px;border-radius:4px;outline-offset:2px}
.idvt__new{font:700 10px/1 "Roboto Mono",ui-monospace,monospace;letter-spacing:1.5px;text-transform:uppercase;color:var(--bg);background:var(--acc);padding:4px 6px;border-radius:3px}
.idvt__tag{font:500 10.5px/1 "Roboto Mono",ui-monospace,monospace;letter-spacing:2px;text-transform:uppercase;color:var(--mut);border:1px solid var(--line);border-radius:30px;padding:5px 10px}
.idvt__title{font-weight:700;font-size:14px;letter-spacing:.2px}
.idvt__text{font-size:14px;color:var(--mut)}
.idvt__cta{font:500 12px/1 "DM Sans",sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--fg);border-bottom:1px solid currentColor;padding-bottom:2px}
.idvt__cta i{font-style:normal;display:inline-block;transition:transform .2s}
a.idvt__link:hover .idvt__title,a.idvt__link:focus-visible .idvt__title{color:var(--acc)}
a.idvt__link:hover .idvt__cta i{transform:translateX(4px)}
.idvt__item.is-hot .idvt__title{color:var(--fg)}
.idvt__sep{font:500 13px "Roboto Mono",ui-monospace,monospace;color:var(--acc);margin:0 30px;opacity:.8}
@media (max-width:767px){
 .idvt{height:46px}
 .idvt__label span:last-child{display:none}
 .idvt__label{padding:0 14px}
 .idvt__text{display:none}
}
@media (prefers-reduced-motion:reduce){
 .idvt:after,.idvt__live{animation:none}
 .idvt__viewport{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:none;mask-image:none}
 .idvt.is-running .idvt__track{animation:none}
}
