/* DirectPlayer player — reproduction de la maquette utilisateur (04/09/2026). */
:root{--player-h:92px;--dp-player-accent:#d9274c;--dp-player-ink:#070707;--dp-player-muted:#858585}
body{padding-bottom:var(--player-h)!important}
.dp-player.dp-player-reference{position:fixed!important;z-index:900!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:92px!important;min-height:92px!important;border:0!important;border-top:1px solid #151515!important;border-radius:0!important;background:#fff!important;box-shadow:0 -8px 32px rgba(0,0,0,.06)!important;color:#111!important;overflow:visible!important;backdrop-filter:none!important;transform:none!important}
.dp-player-reference .dp-player-reference-shell{position:relative;display:grid;grid-template-columns:70px 46px minmax(250px,390px) minmax(220px,1fr) 164px 44px 44px;align-items:center;gap:14px;width:100%;height:91px;padding:0 17px 0 14px;background:#fff}
.dp-player-reference .player-station-logo{width:70px!important;height:70px!important;min-width:70px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:10px!important;background:#f5f5f5!important;box-shadow:none!important}
.dp-player-reference .player-station-logo .station-logo{display:block!important;width:70px!important;height:70px!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border:0!important;border-radius:10px!important;padding:0!important;background:#f4f4f4!important;box-shadow:none!important}
.dp-player-reference .player-station-logo .placeholder{display:grid!important;place-items:center!important;color:#fff!important;background:hsl(var(--logo-hue) 60% 45%)!important;font-size:18px!important;font-weight:850!important}
.dp-player-reference .player-play{width:44px!important;height:44px!important;border:0!important;border-radius:50%!important;background:var(--dp-player-accent)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:none!important;padding:0!important;transition:transform .14s ease,opacity .14s ease,background .14s ease!important}
.dp-player-reference .player-play:hover:not(:disabled){transform:scale(1.045)!important;background:#c91f43!important}.dp-player-reference .player-play:active:not(:disabled){transform:scale(.97)!important}.dp-player-reference .player-play:disabled{opacity:.36!important;cursor:not-allowed!important}.dp-player-reference .player-play svg{width:18px!important;height:18px!important;display:block!important}
.dp-player-reference .player-meta{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:0!important;border:0!important;background:transparent!important;line-height:1.15!important;overflow:hidden!important}
.dp-player-reference .player-name-row{display:flex;align-items:center;gap:5px;max-width:100%;min-width:0}.dp-player-reference .player-name{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--dp-player-muted)!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important}.dp-player-reference .player-signal-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#f2b5c2;box-shadow:0 0 0 2px rgba(217,39,76,.04)}
.dp-player-reference .player-location{display:none!important}.dp-player-reference .player-track{display:block!important;width:100%!important;max-width:100%!important;margin-top:6px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#111!important;font-size:11.5px!important;font-weight:760!important;line-height:1.2!important}
.dp-player-reference .player-visuals{align-self:stretch;min-width:0;height:91px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:hidden;background:#fff;border-left:1px solid #fafafa;border-right:1px solid #fafafa}
.dp-player-reference .player-visual-card{position:relative;display:block;min-width:0;height:91px;background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(4px) saturate(.75);transform:scale(1.08);opacity:.16;border-top:2px solid rgba(217,39,76,.86)}
.dp-player-reference .player-visual-card:after{content:"";position:absolute;inset:-10px;background:rgba(255,255,255,.62)}.dp-player-reference .player-visual-card:nth-child(even){opacity:.12}.dp-player-reference .player-visual-card:not(.has-image){background:linear-gradient(90deg,#fff,#f8f8f8)}
.dp-player-reference .player-volume{width:164px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--dp-player-accent)!important}
.dp-player-reference .player-volume svg{width:21px!important;height:21px!important;flex:0 0 21px!important;color:var(--dp-player-accent)!important}.dp-player-reference .player-volume input{appearance:none;-webkit-appearance:none;width:124px!important;height:20px!important;margin:0!important;background:transparent!important;accent-color:var(--dp-player-accent)!important;cursor:pointer!important}.dp-player-reference .player-volume input::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#ddd}.dp-player-reference .player-volume input::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;margin-top:-2px;border:0;border-radius:50%;background:var(--dp-player-accent);box-shadow:0 0 0 2px #fff}.dp-player-reference .player-volume input::-moz-range-track{height:4px;border-radius:999px;background:#ddd}.dp-player-reference .player-volume input::-moz-range-progress{height:4px;border-radius:999px;background:var(--dp-player-accent)}.dp-player-reference .player-volume input::-moz-range-thumb{width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:var(--dp-player-accent)}
.dp-player-reference .player-round-action{width:44px!important;height:44px!important;border:0!important;border-radius:50%!important;background:#050505!important;color:#fff!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:none!important;transition:transform .14s ease,background .14s ease,opacity .14s ease!important}.dp-player-reference .player-round-action:hover:not(:disabled){background:#222!important;transform:translateY(-1px)!important}.dp-player-reference .player-round-action:disabled{opacity:.28!important;cursor:not-allowed!important}.dp-player-reference .player-round-action svg{width:22px!important;height:22px!important;display:block!important}
.dp-player-reference .player-status{position:absolute!important;left:144px!important;bottom:3px!important;height:0!important;overflow:visible!important;background:transparent!important;border:0!important;color:#a23a50!important;font-size:9px!important}.dp-player-reference .status-text{position:absolute!important;left:-10000px!important}.dp-player-reference .retry-player{position:absolute!important;left:0!important;bottom:0!important;transform:translateY(0)!important;border:0!important;border-radius:999px!important;background:#fff0f3!important;color:#a21f3b!important;padding:3px 8px!important;font-size:8px!important;font-weight:800!important;white-space:nowrap!important}.dp-player-reference[data-state="playing"] .player-signal-dot{background:var(--dp-player-accent);box-shadow:0 0 0 3px rgba(217,39,76,.10)}
.site-footer,.dp-footer{padding-bottom:32px!important}
@media(max-width:1240px){.dp-player-reference .dp-player-reference-shell{grid-template-columns:62px 44px minmax(230px,330px) minmax(140px,1fr) 125px 42px 42px;gap:11px;padding-left:11px;padding-right:11px}.dp-player-reference .player-station-logo,.dp-player-reference .player-station-logo .station-logo{width:62px!important;height:62px!important;min-width:62px!important}.dp-player-reference .player-volume{width:125px!important}.dp-player-reference .player-volume input{width:88px!important}}
@media(max-width:930px){:root{--player-h:82px}.dp-player.dp-player-reference{height:82px!important;min-height:82px!important}.dp-player-reference .dp-player-reference-shell{height:81px;grid-template-columns:58px 42px minmax(170px,1fr) 112px 40px 40px;gap:9px}.dp-player-reference .player-station-logo,.dp-player-reference .player-station-logo .station-logo{width:58px!important;height:58px!important;min-width:58px!important}.dp-player-reference .player-visuals{display:none!important}.dp-player-reference .player-play{width:42px!important;height:42px!important}.dp-player-reference .player-volume{width:112px!important}.dp-player-reference .player-volume input{width:76px!important}.dp-player-reference .player-round-action{width:40px!important;height:40px!important}.dp-player-reference .player-round-action svg{width:20px!important;height:20px!important}}
@media(max-width:660px){:root{--player-h:76px}.dp-player.dp-player-reference{height:76px!important;min-height:76px!important}.dp-player-reference .dp-player-reference-shell{height:75px;grid-template-columns:50px 40px minmax(0,1fr) 38px;gap:8px;padding:0 9px}.dp-player-reference .player-station-logo,.dp-player-reference .player-station-logo .station-logo{width:50px!important;height:50px!important;min-width:50px!important;border-radius:8px!important}.dp-player-reference .player-play{width:40px!important;height:40px!important}.dp-player-reference .player-meta{min-width:0}.dp-player-reference .player-name{font-size:11px!important}.dp-player-reference .player-track{font-size:10px!important;margin-top:4px!important}.dp-player-reference .player-volume,.dp-player-reference .player-info{display:none!important}.dp-player-reference .player-external{width:38px!important;height:38px!important}.dp-player-reference .player-external svg{width:19px!important;height:19px!important}.dp-player-reference .player-status{left:108px!important}.site-footer,.dp-footer{padding-bottom:26px!important}}
/* V6.6 — partage du player + pochettes dynamiques */
.dp-player-reference .player-share-wrap{position:relative;width:44px;height:44px;display:grid;place-items:center}
.dp-player-reference .player-share{width:44px!important;height:44px!important}
.dp-player-reference .player-share-menu{position:absolute;right:0;bottom:58px;width:248px;padding:14px;border:1px solid #e7e7e7;border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.14);color:#111;z-index:980}
.dp-player-reference .player-share-menu[hidden]{display:none!important}
.dp-player-reference .player-share-menu strong{display:block;margin:0 0 10px;font-size:12px;letter-spacing:.01em}
.dp-player-reference .player-share-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dp-player-reference .player-share-grid button,.dp-player-reference .player-copy-link{border:1px solid #e7e7e7;border-radius:10px;background:#fafafa;color:#111;padding:9px 10px;font-size:11px;font-weight:750;cursor:pointer}
.dp-player-reference .player-share-grid button:hover,.dp-player-reference .player-copy-link:hover{background:#f2f2f2;border-color:#d7d7d7}
.dp-player-reference .player-copy-link{width:100%;margin-top:8px;background:#fff}
.dp-player-reference .player-share-feedback{display:block;min-height:13px;margin-top:6px;color:#7a7a7a;font-size:9px}
.dp-player-reference .player-visual-card.has-image{opacity:.22;filter:blur(3.5px) saturate(.92)}
.dp-player-reference .player-visual-card.has-image:after{background:rgba(255,255,255,.48)}
@media(max-width:930px){.dp-player-reference .player-share-wrap{width:40px;height:40px}.dp-player-reference .player-share{width:40px!important;height:40px!important}.dp-player-reference .player-share-menu{right:-4px;bottom:52px}}
@media(max-width:660px){.dp-player-reference .player-share-wrap{width:38px;height:38px}.dp-player-reference .player-share{width:38px!important;height:38px!important}.dp-player-reference .player-share svg{width:19px!important;height:19px!important}.dp-player-reference .player-share-menu{position:fixed;left:10px;right:10px;bottom:84px;width:auto}}