/* Vodeo 2.13.1 — 📻 Radio des avant-goûts et bloc « Découvrir ». */
.vro-decouvrir{position:relative;overflow:hidden;border-radius:var(--v-r,22px);background:radial-gradient(120% 140% at 0% 0%,rgba(94,28,228,.45) 0%,rgba(11,11,17,0) 55%),radial-gradient(100% 120% at 100% 100%,rgba(0,193,255,.28) 0%,rgba(11,11,17,0) 60%),#0b0b11;color:var(--v-txt,#ececf2);padding:clamp(26px,5vw,56px) clamp(18px,4vw,48px);margin:0 auto;max-width:1200px;border:1px solid rgba(255,255,255,.08)}
.vro-decouvrir__in{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.vro-decouvrir__title{margin:0;font-size:clamp(28px,4.6vw,52px);line-height:1.05;font-weight:900;letter-spacing:-.02em;color:#fff}
.vro-decouvrir__lead{margin:0;max-width:620px;color:var(--v-mut,#a3a6b4);font-size:clamp(15px,1.6vw,18px);line-height:1.5}
.vro-big{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:min(100%,380px);height:84px;margin:10px 0 4px;padding:0 36px!important;border:0!important;border-radius:999px!important;cursor:pointer;color:#fff!important;font:900 clamp(19px,2.4vw,24px)/1 var(--v-ff-h,inherit)!important;letter-spacing:-.01em;background:linear-gradient(135deg,#5e1ce4 0%,#2f6bff 55%,#00c1ff 100%)!important;box-shadow:0 18px 50px -12px rgba(47,107,255,.75),0 0 0 6px rgba(0,193,255,.08);overflow:hidden;transition:transform .15s ease,box-shadow .2s ease}
.vro-big:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 24px 60px -12px rgba(47,107,255,.9),0 0 0 8px rgba(0,193,255,.12)}
.vro-big:focus-visible{outline:3px solid #fff;outline-offset:4px}
.vro-big__lab{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.vro-big__play{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.22);font-size:18px;padding-left:3px}
.vro-big__wave{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;opacity:.35;pointer-events:none}
.vro-big__wave i{display:block;width:4px;height:var(--h,50%);border-radius:4px;background:#fff;transform-origin:center;animation:vro-bar 1.3s ease-in-out infinite;animation-delay:calc(var(--k) * -.07s)}
@keyframes vro-bar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.vro-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:860px}
.vro-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 15px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font:700 14px/1 var(--v-ff,inherit)!important;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.vro-chip:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(0,193,255,.6)!important;transform:translateY(-1px)}
.vro-chip[aria-pressed="true"]{background:rgba(0,193,255,.2)!important;border-color:rgba(0,193,255,.8)!important}
.vro-decouvrir__foot{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;margin-top:6px}
.vro-more{color:var(--v-cyan,#00c1ff);font-weight:700;text-decoration:none}
.vro-more:hover{text-decoration:underline}
.vro-onair{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 14px 6px 10px!important;border-radius:999px!important;border:1px solid rgba(255,90,110,.45)!important;background:rgba(255,90,110,.1)!important;color:#fff!important;font:700 13px/1 var(--v-ff,inherit)!important;cursor:pointer}
.vro-onair img{width:26px;height:26px;border-radius:6px;object-fit:cover;background:#222}
.vro-onair__lab{text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:#ff8a99}
.vro-onair__show{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.vro-onair__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff5a6e;box-shadow:0 0 0 0 rgba(255,90,110,.7);animation:vro-dot 1.6s infinite}
@keyframes vro-dot{70%{box-shadow:0 0 0 8px rgba(255,90,110,0)}100%{box-shadow:0 0 0 0 rgba(255,90,110,0)}}

/* Fenêtre plein écran */
html.vro-lock,html.vro-lock body{overflow:hidden!important}
.vodeo.vro-ov{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;max-width:none!important;margin:0!important;z-index:2147483000;display:flex;flex-direction:column;align-items:center;background:#07070c;color:#fff;overflow-y:auto;padding:14px 16px 18px}
.vro-ov[hidden]{display:none!important}
.vro-ov__bg{position:fixed;inset:-60px;background-size:cover;background-position:center;filter:blur(48px) saturate(1.3) brightness(.38);transform:scale(1.15);transition:background-image .6s ease;pointer-events:none}
.vro-ov::before{content:"";position:fixed;inset:0;background:radial-gradient(110% 80% at 50% 30%,rgba(7,7,12,0) 0%,rgba(7,7,12,.6) 60%,rgba(7,7,12,.95) 100%);pointer-events:none}
.vro-ov>*{position:relative;z-index:1}
.vro-ov__top{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:960px}
.vro-ov__brand{margin:0;font:700 14px/1.2 var(--v-ff,inherit);display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.85)}
.vro-x{width:44px;height:44px;border-radius:50%!important;border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:18px!important;cursor:pointer;padding:0!important}
.vro-chips--ov{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;width:100%;max-width:960px;margin:12px 0 6px;padding-bottom:6px;scrollbar-width:none}
.vro-chips--ov::-webkit-scrollbar{display:none}
.vro-chips--ov .vro-chip{flex:0 0 auto}
.vro-stage{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;width:100%;max-width:600px;margin:auto 0}
.vro-disc{position:relative;width:min(62vw,280px);aspect-ratio:1;border:0!important;padding:0!important;background:none!important;border-radius:50%!important;cursor:pointer;margin:6px 0}
.vro-disc img{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);object-fit:cover;border-radius:50%;background:#1a1a26;box-shadow:0 30px 80px -20px rgba(0,0,0,.9)}
.vro-ov.is-playing .vro-disc img{animation:vro-spin 24s linear infinite}
@keyframes vro-spin{to{transform:rotate(360deg)}}
.vro-disc .vro-ring{position:absolute;top:0;left:0;width:100%!important;height:100%!important;max-width:none!important;transform:rotate(-90deg)}
.vro-ring circle{fill:none;stroke:rgba(255,255,255,.14);stroke-width:4}
.vro-ring .vro-ring__on{stroke:var(--v-cyan,#00c1ff);stroke-dasharray:0 100;stroke-linecap:round;transition:stroke-dasharray .25s linear}
.vro-disc__ico{position:absolute;inset:0;display:grid;place-items:center;font-size:46px;text-shadow:0 4px 22px rgba(0,0,0,.8);opacity:0;transition:opacity .2s}
.vro-ov:not(.is-playing) .vro-disc__ico,.vro-disc:hover .vro-disc__ico,.vro-disc:focus-visible .vro-disc__ico{opacity:1}
.vro-disc__station{position:absolute;inset:14px;display:grid;place-items:center;border-radius:50%;font-size:84px;background:linear-gradient(135deg,#5e1ce4,#00c1ff)}
.vro-disc__station[hidden]{display:none}
.vro-kind{margin:0;font:800 12px/1 var(--v-ff,inherit);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.vro-show{margin:2px 0 0;font-size:clamp(22px,3.4vw,32px);font-weight:900;line-height:1.12}
.vro-show a{color:#fff;text-decoration:none}
.vro-show a[href]:hover{text-decoration:underline}
.vro-title{margin:0;color:rgba(255,255,255,.72);font-size:15px;line-height:1.4}
.vro-quote{margin:6px 0 0;padding:0;border:0;font-style:italic;font-size:clamp(15px,2vw,18px);line-height:1.45;max-width:540px;color:#fff;opacity:.92}
.vro-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}
.vro-actions [data-vodeo-follow][aria-pressed="true"]{background:rgba(212,35,122,.22)!important;border-color:rgba(212,35,122,.6)!important}
.vro-next{margin-top:6px;padding:10px 18px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.2)!important;background:transparent!important;color:#fff!important;font:700 14px/1 var(--v-ff,inherit)!important;cursor:pointer}
.vro-upnext{margin:4px 0 0;font-size:13px;color:rgba(255,255,255,.6);min-height:1.2em}
.vro-ov__legal{margin:12px 0 0;font-size:11px;color:rgba(255,255,255,.45);text-align:center}
@media (max-width:640px){
  .vro-big{width:100%;height:76px}
  .vro-onair__show{max-width:150px}
}
@media (prefers-reduced-motion:reduce){.vro-big__wave i,.vro-onair__dot,.vro-ov.is-playing .vro-disc img{animation:none}}
