/* Player reproduit depuis la vidéo de référence — périmètre strict : le player. */
body{padding-bottom:110px!important}
.mz-player-standalone{position:fixed;left:0;right:0;bottom:16px;z-index:2147482000;display:flex;align-items:center;justify-content:center;width:100%;height:74px;padding:0 16px;pointer-events:none;background:transparent;opacity:1;transform:none}
.mz-player-standalone.mz274-slot-visible{animation:mz274SlotIn .78s cubic-bezier(.2,.75,.25,1) both}
.mz-player-standalone.mz274-slot-hidden{opacity:0!important;transform:translateY(95px) scale(.97)!important;visibility:hidden!important;animation:mz274SlotOut .48s cubic-bezier(.55,.05,.85,.35) both;pointer-events:none!important}
.mz-player-standalone .radio-dock.compact-radio[data-radio-player]{margin-top:0!important;pointer-events:auto!important}
@media(max-width:800px){.mz-player-standalone{bottom:8px;height:66px;padding:0 10px}}
.mz274-player-intro{
  position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;overflow:hidden;
  background:#080b12;opacity:0;visibility:hidden;pointer-events:none;
}
.mz274-player-intro::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 43%,rgba(240,166,111,.14),transparent 32%);opacity:0}
.mz274-player-intro img{position:relative;z-index:1;width:min(330px,58vw);height:auto;opacity:0;transform:translateY(12px) scale(.88);filter:drop-shadow(0 18px 35px rgba(0,0,0,.55))}
.mz274-player-intro small{position:absolute;left:50%;bottom:8%;z-index:1;transform:translateX(-50%);color:rgba(255,255,255,.3);font-size:9px;font-weight:700;letter-spacing:.08em;white-space:nowrap;opacity:0}
.mz274-player-intro.is-running{visibility:visible;animation:mz274IntroScreen 2.65s ease both}
.mz274-player-intro.is-running::before{animation:mz274IntroGlow 1.8s .2s ease both}
.mz274-player-intro.is-running img{animation:mz274IntroLogo 1.85s .2s cubic-bezier(.2,.78,.2,1) both}
.mz274-player-intro.is-running small{animation:mz274IntroCopy .75s 1.63s ease both}
.mz274-player-intro.is-finished{animation:mz274IntroExit .62s cubic-bezier(.65,0,.9,.4) both!important}

@keyframes mz274IntroScreen{0%{opacity:0}10%,88%{opacity:1}100%{opacity:1}}
@keyframes mz274IntroGlow{0%{opacity:0;transform:scale(.7)}45%,100%{opacity:1;transform:scale(1)}}
@keyframes mz274IntroLogo{0%{opacity:0;transform:translateY(12px) scale(.88)}22%,70%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-7px) scale(.97)}}
@keyframes mz274IntroCopy{0%{opacity:0;transform:translate(-50%,8px)}35%,75%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-4px)}}
@keyframes mz274IntroExit{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}

radio-dock.compact-radio[data-radio-player]{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  z-index:3!important;display:grid!important;
  grid-template-columns:172px 300px 88px minmax(0,1fr)!important;
  grid-template-rows:74px!important;align-items:center!important;gap:12px!important;
  left:auto!important;width:min(1050px,calc(100vw - 32px))!important;max-width:none!important;height:74px!important;min-height:74px!important;
  margin:0 auto!important;padding:0 20px!important;box-sizing:border-box!important;overflow:visible!important;
  border:0!important;border-radius:25px!important;
  background:linear-gradient(100deg,#19111a 0%,#1b121c 53%,#070c15 100%)!important;
  box-shadow:0 13px 28px rgba(0,0,0,.42),0 1px 2px rgba(0,0,0,.5),0 0 0 1px rgba(240,166,111,.13)!important;
  transform:translateX(-50%)!important;backdrop-filter:none!important;
  opacity:1!important;transform:none!important;
}
radio-dock.compact-radio[data-radio-player].mz274-hidden-footer{pointer-events:none!important}
radio-dock.compact-radio[data-radio-player]::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;border-radius:inherit!important;
  pointer-events:none!important;opacity:1!important;z-index:1!important;
  background:linear-gradient(76deg,transparent 0 9%,rgba(240,166,111,.25) 9% 24%,transparent 24% 30%,rgba(240,166,111,.18) 30% 45%,transparent 45% 59%,rgba(240,166,111,.14) 59% 72%,transparent 72% 78%,rgba(240,166,111,.2) 78% 90%,transparent 90%)!important;
}
radio-dock.compact-radio[data-radio-player]::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;border-radius:inherit!important;
  pointer-events:none!important;opacity:0!important;
  background-image:linear-gradient(90deg,rgba(3,8,17,.93) 0%,rgba(5,12,24,.74) 42%,rgba(4,9,17,.88) 100%),var(--radio-track-artwork)!important;
  background-size:cover,cover!important;background-position:center,center 42%!important;
  filter:saturate(.8) contrast(1.06)!important;transition:opacity .7s ease!important;
}
radio-dock.compact-radio[data-radio-player].has-track-artwork::after{opacity:.72!important}
radio-dock.compact-radio[data-radio-player].mz274-visible::before{animation:mz274Facets 1.05s cubic-bezier(.2,.75,.25,1) both,mz274FacetsDrift 9s 1.05s ease-in-out infinite alternate!important}

/* Logo de la charte actuelle, positionné comme le VAFM de la vidéo. */
radio-premium-cover-wrap{
  position:relative!important;z-index:4!important;display:block!important;
  width:172px!important;height:96px!important;min-width:172px!important;max-width:172px!important;
  margin:-24px 0 -4px 5px!important;overflow:visible!important;
  border:0!important;border-radius:0!important;background:url("logo-mehdi-zoghbi-signature-v1186.svg") left center/contain no-repeat!important;
  box-shadow:none!important;filter:hue-rotate(210deg) saturate(1.28) brightness(1.1) drop-shadow(0 7px 6px rgba(0,0,0,.58))!important;
}
mz274-visible .radio-premium-cover-wrap{animation:mz274Logo .72s .12s cubic-bezier(.16,.85,.24,1) both!important}
radio-premium-cover{display:none!important}
radio-live-dot{display:none!important}

radio-premium-info{
  position:relative!important;z-index:3!important;display:block!important;min-width:0!important;padding:0!important;text-align:left!important;
}
mz274-visible .radio-premium-info{animation:mz274Info .55s .28s ease-out both!important}
radio-premium-station{display:none!important}
radio-premium-title{
  display:block!important;max-width:300px!important;margin:0!important;overflow:hidden!important;
  color:#fff!important;font-size:16px!important;font-weight:800!important;line-height:1.15!important;white-space:nowrap!important;text-overflow:ellipsis!important;
}
radio-premium-artist{
  display:block!important;max-width:300px!important;margin:4px 0 0!important;overflow:hidden!important;
  color:rgba(255,255,255,.6)!important;font-size:13px!important;font-weight:400!important;line-height:1.15!important;white-space:nowrap!important;text-overflow:ellipsis!important;
}

/* Triangle blanc nu au centre, comme dans la vidéo. */
radio-premium-play,
radio-premium-play:hover,
radio-premium-play:focus{
  position:relative!important;z-index:4!important;display:grid!important;place-items:center!important;
  width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;margin:0 auto!important;padding:0!important;
  border:1px solid rgba(240,166,111,.62)!important;border-radius:50%!important;background:linear-gradient(145deg,#f0a66f,#f0a66f)!important;color:#fff!important;
  box-shadow:0 8px 24px rgba(240,166,111,.36),inset 0 1px 0 rgba(255,255,255,.28)!important;filter:none!important;transform:none!important;outline:0!important;outline-offset:0!important;border-image:none!important;-webkit-appearance:none!important;appearance:none!important;-webkit-tap-highlight-color:transparent!important;
  cursor:pointer!important;transition:transform .22s ease,box-shadow .22s ease!important;
}
radio-premium-play:hover{transform:scale(1.06)!important;box-shadow:0 10px 30px rgba(240,166,111,.48),inset 0 1px 0 rgba(255,255,255,.3)!important}
radio-premium-play:active{transform:scale(.94)!important}
mz274-visible .radio-premium-play{animation:mz274Play .48s .46s cubic-bezier(.2,.9,.3,1.25) both!important}
radio-premium-play span{
  display:block!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;
  border-top:11px solid transparent!important;border-bottom:11px solid transparent!important;border-left:18px solid #fff!important;
  transform:translateX(2px)!important;
}
radio-dock.playing .radio-premium-play span,
radio-dock.is-playing .radio-premium-play span{
  width:16px!important;height:19px!important;border:0!important;
  background:linear-gradient(90deg,#fff 0 35%,transparent 35% 65%,#fff 65% 100%)!important;
  transform:none!important;
}
radio-premium-play span::before,
radio-premium-play span::after{content:none!important;display:none!important}
radio-premium-play::before{
  content:none!important;display:none!important;
}
radio-premium-play::after{content:none!important;display:none!important}

/* Indicateur de niveau à quatre barres, positionné à droite. */
radio-premium-volume{
  position:relative!important;z-index:4!important;justify-self:end!important;display:block!important;
  width:76px!important;height:40px!important;min-width:76px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:
    linear-gradient(to top,#f0a66f 0 13px,transparent 13px) 7px 15px/7px 18px no-repeat,
    linear-gradient(to top,#f0a66f 0 22px,transparent 22px) 21px 6px/7px 27px no-repeat,
    linear-gradient(to top,#f0a66f 0 17px,transparent 17px) 35px 11px/7px 22px no-repeat,
    linear-gradient(to top,#f0a66f 0 10px,transparent 10px) 49px 18px/7px 15px no-repeat!important;
}
mz274-visible .radio-premium-volume{animation:mz274MeterIn .42s .62s ease-out both!important}
radio-volume-mute{display:none!important}
radio-premium-volume input[type="range"]{
  position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
  margin:0!important;opacity:0!important;cursor:pointer!important;
}
radio-dock.playing .radio-premium-volume{animation:mz274Levels .55s ease-in-out infinite alternate!important;filter:drop-shadow(0 0 6px rgba(240,166,111,.5))!important}

@keyframes mz274SlotIn{0%{opacity:0;transform:translateY(110px) scale(.97)}58%{opacity:1;transform:translateY(-7px) scale(1.008)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mz274SlotOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(95px) scale(.97)}}
@keyframes mz274Facets{from{opacity:0;background-position:-180px 0}to{opacity:1;background-position:0 0}}
@keyframes mz274FacetsDrift{from{background-position:0 0}to{background-position:18px 0}}
@keyframes mz274Logo{from{opacity:0;transform:translate(-18px,-13px) scale(.82)}to{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes mz274Info{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}
@keyframes mz274Play{from{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}
@keyframes mz274MeterIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}
@keyframes mz274Levels{from{transform:scaleY(.72);opacity:.55}to{transform:scaleY(1.08);opacity:1}}

@media(max-width:800px){
  radio-dock.compact-radio[data-radio-player]{
    grid-template-columns:124px minmax(0,1fr) 50px 48px!important;grid-template-rows:66px!important;
    width:calc(100vw - 20px)!important;height:66px!important;min-height:66px!important;gap:7px!important;padding:0 9px!important;border-radius:21px!important;
  }
  radio-premium-cover-wrap{width:124px!important;height:78px!important;min-width:124px!important;max-width:124px!important;margin:-18px 0 -2px 1px!important}
  radio-premium-title{font-size:12px!important;max-width:100%!important}
  radio-premium-artist{font-size:9px!important;max-width:100%!important}
  radio-premium-play,radio-premium-play:hover{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
  radio-premium-play span{border-top-width:9px!important;border-bottom-width:9px!important;border-left-width:14px!important}
  radio-premium-volume{width:45px!important;min-width:45px!important;transform:scale(.74)!important;transform-origin:center right!important}
}
@media(max-width:480px){
  radio-dock.compact-radio[data-radio-player]{grid-template-columns:92px minmax(0,1fr) 42px!important}
  radio-premium-cover-wrap{width:92px!important;height:67px!important;min-width:92px!important;max-width:92px!important;margin:-14px 0 0!important}
  radio-premium-volume{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .mz274-player-intro{display:none!important}
  .mz-player-standalone,.mz-player-standalone.mz274-slot-visible{opacity:1!important;transform:none!important;animation:none!important}
  radio-dock.compact-radio[data-radio-player]{opacity:1!important;transform:none!important}
  radio-dock.compact-radio[data-radio-player],radio-dock.compact-radio[data-radio-player]::before,radio-dock.compact-radio[data-radio-player] *,radio-dock.playing .radio-premium-volume{animation:none!important}
}

/* Le logo reste intact ; la pochette sert uniquement de fond au player. */
radio-premium-cover{display:none!important}
radio-dock.compact-radio[data-radio-player].has-track-artwork::after{opacity:.72!important}
html body .radio-dock,
html body .radio-dock .radio-premium-info,
html body .radio-dock .radio-premium-station,
html body .radio-dock .radio-premium-title,
html body .radio-dock .radio-premium-artist{font-family:Inter,system-ui,sans-serif!important}
html body .radio-dock .radio-premium-station{color:#f0a66f!important}
html body .radio-dock .radio-premium-title{color:#fff!important}
html body .radio-dock .radio-premium-artist{color:rgba(245,224,213,.72)!important}
html body.emission-dedicated-page radio-premium-cover-wrap{overflow:hidden!important;background:none!important;filter:none!important}
html body.emission-dedicated-page radio-premium-cover{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important;opacity:1!important}