.live-energy.card-soft{
  display:block!important;
  padding:14px!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(85,231,255,.16),transparent 34%),
    radial-gradient(circle at 100% 100%,rgba(255,79,216,.12),transparent 38%),
    rgba(7,16,34,.82)!important;
  border:1px solid rgba(85,231,255,.20)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.28)!important;
}

.live-energy.card-soft>div:first-child{width:100%!important}
.live-energy.card-soft>div:last-child{display:none!important}

#djLiveIndexSection{
  width:100%!important;
  max-width:650px!important;
  margin:8px auto 0!important;
  padding:0!important;
}

#djLiveIndexSection .djlive-title{
  margin:0 0 10px!important;
  color:#72ecff!important;
  font-size:.76rem!important;
  letter-spacing:.18em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
#djLiveIndexSection .djlive-title::before{
  content:"🔴 ";
}

.djlive-pro-card{
  --c1:#55e7ff;
  --c2:#7c5cff;
  --c3:#ff4fd8;

  position:relative!important;
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr) 170px!important;
  gap:16px!important;
  align-items:center!important;
  min-height:112px!important;
  padding:18px 20px!important;
  border-radius:24px!important;
  overflow:hidden!important;

  background:
    radial-gradient(circle at 82% 45%,color-mix(in srgb,var(--c1) 26%,transparent),transparent 34%),
    radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--c3) 20%,transparent),transparent 32%),
    linear-gradient(135deg,rgba(13,18,50,.98),rgba(45,20,78,.95))!important;

  border:1px solid color-mix(in srgb,var(--c1) 42%,transparent)!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.34),
    0 0 30px color-mix(in srgb,var(--c1) 18%,transparent),
    inset 0 0 0 1px rgba(255,255,255,.06)!important;

  animation:djCardEnter .45s ease both!important;
}

.djlive-pro-card::before{
  content:""!important;
  position:absolute!important;
  inset:-45%!important;
  background:conic-gradient(from 180deg,transparent,var(--c1),transparent,var(--c3),transparent)!important;
  opacity:.13!important;
  animation:djSpinGlow 7s linear infinite!important;
}

.djlive-pro-card::after{
  content:"LIVE NOW"!important;
  position:absolute!important;
  right:18px!important;
  top:12px!important;
  color:color-mix(in srgb,var(--c1) 75%,white)!important;
  font-size:.58rem!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
  opacity:.8!important;
}

.djtheme-0{--c1:#55e7ff;--c2:#7c5cff;--c3:#ff4fd8}
.djtheme-1{--c1:#3cffd0;--c2:#38d7ff;--c3:#7c5cff}
.djtheme-2{--c1:#ff5f8f;--c2:#ffb84d;--c3:#7c5cff}
.djtheme-3{--c1:#b96cff;--c2:#55e7ff;--c3:#ff4fd8}
.djtheme-4{--c1:#ffd166;--c2:#ff4fd8;--c3:#55e7ff}

.djlive-pro-avatar{
  width:68px!important;
  height:68px!important;
  border-radius:22px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  color:white!important;
  font-weight:950!important;
  background:linear-gradient(135deg,var(--c2),rgba(10,18,40,.96))!important;
  border:1px solid color-mix(in srgb,var(--c1) 60%,transparent)!important;
  box-shadow:
    0 0 0 3px color-mix(in srgb,var(--c1) 14%,transparent),
    0 0 28px color-mix(in srgb,var(--c1) 40%,transparent)!important;
  position:relative!important;
  z-index:2!important;
}

.djlive-pro-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

.djlive-pro-main,.djlive-pro-play{
  position:relative!important;
  z-index:2!important;
}

.djlive-pro-status{
  display:inline-flex!important;
  align-items:center!important;
  margin-bottom:7px!important;
  padding:5px 11px!important;
  border-radius:999px!important;
  color:var(--c1)!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid color-mix(in srgb,var(--c1) 36%,transparent)!important;
  font-size:.62rem!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
  animation:djLivePulse 1.5s infinite!important;
}

.djlive-pro-name{
  color:#fff!important;
  font-size:1.7rem!important;
  line-height:1!important;
  font-weight:950!important;
  margin-bottom:6px!important;
  text-shadow:0 0 18px color-mix(in srgb,var(--c1) 30%,transparent)!important;
}

.djlive-pro-room{
  color:rgba(255,255,255,.74)!important;
  font-size:.82rem!important;
  font-weight:850!important;
}

.djlive-pro-room span{
  display:block!important;
  font-size:.66rem!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.55)!important;
  margin-bottom:2px!important;
}

.djlive-pro-room strong{
  color:var(--c1)!important;
  font-size:1rem!important;
  margin-left:0!important;
}

.djlive-pro-play{
  justify-self:end!important;
  width:160px!important;
  min-height:50px!important;
  padding:9px 14px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:white!important;
  font-size:.78rem!important;
  font-weight:950!important;
  white-space:normal!important;
  line-height:1.05!important;
  text-align:center!important;
  background:linear-gradient(135deg,var(--c2),var(--c1),var(--c3))!important;
  box-shadow:
    0 0 24px color-mix(in srgb,var(--c1) 40%,transparent),
    0 12px 28px rgba(0,0,0,.34)!important;
  cursor:pointer!important;
  animation:djLiveButtonPulse 1.8s infinite!important;
}

.djlive-pro-play:hover{
  transform:translateY(-2px) scale(1.03)!important;
  filter:brightness(1.18)!important;
}

.djlive-pro-play.is-playing{
  background:linear-gradient(135deg,#20d6a3,#38d7ff)!important;
  box-shadow:0 0 32px rgba(32,214,163,.45)!important;
}

@keyframes djCardEnter{
  from{opacity:0;transform:translateY(9px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes djSpinGlow{
  to{transform:rotate(360deg)}
}
@keyframes djLivePulse{
  0%,100%{box-shadow:0 0 0 rgba(255,0,0,0)}
  50%{box-shadow:0 0 18px color-mix(in srgb,var(--c1) 34%,transparent)}
}
@keyframes djLiveButtonPulse{
  0%,100%{transform:translateY(0);filter:brightness(1)}
  50%{transform:translateY(-1px);filter:brightness(1.12)}
}

@media(max-width:760px){
  .djlive-pro-card{
    grid-template-columns:68px 1fr!important;
  }
  .djlive-pro-play{
    grid-column:1/-1!important;
    width:100%!important;
    justify-self:stretch!important;
  }
}

/* === DJ LIVE EVENT CARD PRO 20260521 === */
#djLiveIndexSection{max-width:680px!important}

.djlive-pro-card{
  min-height:138px!important;
  grid-template-columns:88px minmax(0,1fr) 178px!important;
  gap:18px!important;
  padding:22px 24px!important;
  border-radius:28px!important;
}

.djlive-pro-avatar{
  width:82px!important;
  height:82px!important;
  border-radius:24px!important;
}

.djlive-pro-name{
  font-size:2rem!important;
  margin-bottom:8px!important;
}

.djlive-pro-play{
  width:170px!important;
  min-height:56px!important;
  border-radius:20px!important;
  font-size:.82rem!important;
}

.djlive-pro-card .djlive-pro-main::after{
  content:"Stream actif • Ambiance ouverte • MagicalRadio3D";
  display:block!important;
  margin-top:10px!important;
  color:rgba(255,255,255,.62)!important;
  font-size:.72rem!important;
  font-weight:800!important;
}

/* === DJ LIVE JOIN 3DX PRO 20260521 === */
.djlive-pro-card .djlive-pro-main::after{
  content:none!important;
}

.djlive-pro-join{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  margin-top:10px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  text-decoration:none!important;
  color:white!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  background:linear-gradient(135deg,rgba(255,79,216,.28),rgba(85,231,255,.22))!important;
  border:1px solid color-mix(in srgb,var(--c1) 45%,transparent)!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--c1) 22%,transparent)!important;
}

.djlive-pro-join::before{
  content:"🌐";
  margin-right:7px;
}

.djlive-pro-join:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.18)!important;
}

/* === DJ LIVE FINAL ALIGN 20260521 === */
.djlive-pro-card{
  grid-template-columns:92px minmax(0,1fr) 190px!important;
  padding:24px 28px!important;
}

.djlive-pro-play{
  justify-self:center!important;
  width:180px!important;
  min-height:58px!important;
  font-size:.84rem!important;
}

.djlive-pro-join{
  margin-top:12px!important;
  padding:7px 13px!important;
  font-size:.76rem!important;
}

.djlive-pro-avatar{
  width:86px!important;
  height:86px!important;
  border-radius:26px!important;
}

#djLiveIndexSection .djlive-title{
  font-size:.8rem!important;
  letter-spacing:.16em!important;
}

/* =========================================================
   ULTRA PREMIUM DJ LIVE CARD
   MagicalRadio3D NEXT GEN
========================================================= */

.djlive-pro-card{
  position:relative!important;
  overflow:hidden!important;

  background:
    radial-gradient(circle at 20% 20%,rgba(255,0,255,.12),transparent 30%),
    radial-gradient(circle at 80% 50%,rgba(0,255,255,.12),transparent 35%),
    linear-gradient(135deg,#120522 0%,#24104f 45%,#111f4b 100%)!important;

  border:1px solid rgba(108,235,255,.34)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(255,255,255,.04),
    0 20px 45px rgba(0,0,0,.45),
    0 0 45px rgba(92,237,255,.16)!important;
}

/* REFLET PREMIUM */
.djlive-pro-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;

  background:
    linear-gradient(
      120deg,
      transparent 0%,
      rgba(255,255,255,.05) 30%,
      rgba(255,255,255,.12) 48%,
      rgba(255,255,255,.04) 55%,
      transparent 100%
    )!important;

  transform:translateX(-120%) skewX(-12deg)!important;
  animation:djPremiumReflect 7s linear infinite!important;
  pointer-events:none!important;
}

/* LIGNE LUMIERE */
.djlive-pro-card::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:2px!important;

  background:
    linear-gradient(
      90deg,
      transparent,
      #00e5ff,
      #ff00d4,
      #00e5ff,
      transparent
    )!important;

  box-shadow:
    0 0 12px #00e5ff,
    0 0 22px #ff00d4!important;

  animation:djLineMove 4s linear infinite!important;
}

/* AVATAR PREMIUM */
.djlive-pro-avatar{
  position:relative!important;

  border:2px solid rgba(255,255,255,.12)!important;

  box-shadow:
    0 0 0 4px rgba(0,229,255,.08),
    0 0 22px rgba(0,229,255,.25),
    0 0 42px rgba(255,0,212,.18)!important;
}

.djlive-pro-avatar::after{
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  border-radius:28px!important;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.12),
      transparent 40%,
      rgba(255,255,255,.06)
    )!important;

  pointer-events:none!important;
}

/* BADGE LIVE */
.djlive-pro-status{
  background:
    linear-gradient(
      135deg,
      rgba(255,0,120,.18),
      rgba(149,0,255,.16)
    )!important;

  border:1px solid rgba(255,0,120,.28)!important;

  box-shadow:
    0 0 14px rgba(255,0,120,.20)!important;

  color:#ff7be5!important;

  animation:djBadgePulse 1.5s infinite!important;
}

/* NOM DJ */
.djlive-pro-name{
  font-size:2.15rem!important;
  line-height:.95!important;
  letter-spacing:-0.02em!important;

  text-shadow:
    0 0 12px rgba(255,255,255,.12),
    0 0 24px rgba(115,228,255,.18)!important;
}

/* ROOM */
.djlive-pro-room{
  margin-top:4px!important;
  font-size:.92rem!important;
}

.djlive-pro-room span{
  opacity:.65!important;
  letter-spacing:.08em!important;
}

.djlive-pro-room strong{
  color:#d15fff!important;
  text-shadow:0 0 12px rgba(209,95,255,.25)!important;
}

/* BOUTON ULTRA PREMIUM */
.djlive-pro-play{
  position:relative!important;
  overflow:hidden!important;

  border:none!important;

  background:
    linear-gradient(
      180deg,
      #74f2ff 0%,
      #4dd7ff 35%,
      #5b8dff 100%
    )!important;

  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.35),
    inset 0 -4px 10px rgba(0,0,0,.18),
    0 10px 24px rgba(0,229,255,.24),
    0 0 24px rgba(0,229,255,.22)!important;

  transform:translateY(0)!important;

  transition:
    transform .18s ease,
    filter .18s ease,
    box-shadow .18s ease!important;
}

/* REFLET BOUTON */
.djlive-pro-play::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.38),
      transparent 40%
    )!important;

  pointer-events:none!important;
}

/* HOVER */
.djlive-pro-play:hover{
  transform:translateY(-3px) scale(1.03)!important;

  filter:brightness(1.06)!important;

  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.35),
    inset 0 -4px 10px rgba(0,0,0,.18),
    0 16px 30px rgba(0,229,255,.32),
    0 0 32px rgba(0,229,255,.34)!important;
}

/* CLICK */
.djlive-pro-play:active{
  transform:translateY(1px) scale(.99)!important;
}

/* BOUTON EN LIVE */
.djlive-pro-play.is-playing{
  background:
    linear-gradient(
      180deg,
      #ff4fd8 0%,
      #ff008c 100%
    )!important;

  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.24),
    inset 0 -5px 10px rgba(0,0,0,.22),
    0 10px 28px rgba(255,0,140,.34),
    0 0 32px rgba(255,0,140,.28)!important;
}

/* JOIN ROOM */
.djlive-pro-join{
  background:
    linear-gradient(
      135deg,
      rgba(0,229,255,.16),
      rgba(255,0,212,.14)
    )!important;

  border:1px solid rgba(0,229,255,.18)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 16px rgba(0,229,255,.10)!important;
}

/* ANIMS */
@keyframes djPremiumReflect{
  0%{
    transform:translateX(-120%) skewX(-12deg);
  }
  100%{
    transform:translateX(220%) skewX(-12deg);
  }
}

@keyframes djBadgePulse{
  0%,100%{
    transform:scale(1);
    box-shadow:0 0 14px rgba(255,0,120,.20);
  }
  50%{
    transform:scale(1.03);
    box-shadow:0 0 22px rgba(255,0,120,.32);
  }
}

@keyframes djLineMove{
  0%{filter:hue-rotate(0deg)}
  100%{filter:hue-rotate(360deg)}
}


/* === DJ LIVE DYNAMIC EVENT EXPERIENCE 20260521 === */

.djtheme-0{
  --c1:#55e7ff!important;
  --c2:#765cff!important;
  --c3:#ff4fd8!important;
}
.djtheme-1{
  --c1:#ff4fd8!important;
  --c2:#ff7a3d!important;
  --c3:#7c5cff!important;
}
.djtheme-2{
  --c1:#3cffd0!important;
  --c2:#38d7ff!important;
  --c3:#2fff7b!important;
}
.djtheme-3{
  --c1:#ff3d6e!important;
  --c2:#b96cff!important;
  --c3:#ffd166!important;
}
.djtheme-4{
  --c1:#ffd166!important;
  --c2:#ff4fd8!important;
  --c3:#55e7ff!important;
}

.djlive-pro-card{
  isolation:isolate!important;
  background:
    radial-gradient(circle at 12% 25%,color-mix(in srgb,var(--c3) 24%,transparent),transparent 30%),
    radial-gradient(circle at 85% 50%,color-mix(in srgb,var(--c1) 28%,transparent),transparent 36%),
    linear-gradient(135deg,rgba(11,15,42,.98),rgba(40,18,74,.94),rgba(7,24,54,.96))!important;
  border-color:color-mix(in srgb,var(--c1) 55%,transparent)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 20px 45px rgba(0,0,0,.36),
    0 0 38px color-mix(in srgb,var(--c1) 25%,transparent)!important;
}

.djlive-pro-card::before{
  opacity:.16!important;
  background:
    conic-gradient(
      from 180deg,
      transparent,
      color-mix(in srgb,var(--c1) 85%,transparent),
      transparent,
      color-mix(in srgb,var(--c3) 85%,transparent),
      transparent
    )!important;
}

.djlive-pro-card::after{
  content:"ON AIR"!important;
  top:18px!important;
  right:22px!important;
  color:var(--c1)!important;
  font-size:.64rem!important;
  letter-spacing:.18em!important;
  font-weight:950!important;
  text-shadow:0 0 12px color-mix(in srgb,var(--c1) 65%,transparent)!important;
  animation:djOnAirBlink 1.6s infinite!important;
}

.djlive-pro-status{
  color:white!important;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--c3) 32%,transparent),color-mix(in srgb,var(--c1) 18%,transparent))!important;
  border-color:color-mix(in srgb,var(--c1) 42%,transparent)!important;
}

.djlive-pro-status::before{
  content:"";
  width:7px;
  height:7px;
  margin-right:7px;
  border-radius:999px;
  background:var(--c1);
  box-shadow:0 0 12px var(--c1);
}

.djlive-pro-room span{
  color:rgba(255,255,255,.58)!important;
  font-size:.68rem!important;
  letter-spacing:.14em!important;
}

.djlive-pro-room strong{
  color:var(--c1)!important;
  font-size:1.08rem!important;
  text-shadow:0 0 14px color-mix(in srgb,var(--c1) 42%,transparent)!important;
}

.djlive-pro-avatar{
  box-shadow:
    0 0 0 4px color-mix(in srgb,var(--c1) 14%,transparent),
    0 0 26px color-mix(in srgb,var(--c1) 45%,transparent),
    0 0 48px color-mix(in srgb,var(--c3) 24%,transparent)!important;
  animation:djAvatarGlow 2.4s ease-in-out infinite!important;
}

.djlive-pro-play{
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--c1) 95%,white) 0%,
      color-mix(in srgb,var(--c2) 85%,var(--c1)) 58%,
      color-mix(in srgb,var(--c3) 75%,black) 100%
    )!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.35),
    inset 0 -5px 12px rgba(0,0,0,.25),
    0 14px 30px rgba(0,0,0,.38),
    0 0 30px color-mix(in srgb,var(--c1) 42%,transparent)!important;
}

.djlive-pro-join{
  color:white!important;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--c1) 22%,transparent),color-mix(in srgb,var(--c3) 18%,transparent))!important;
  border-color:color-mix(in srgb,var(--c1) 36%,transparent)!important;
}

.djlive-pro-card .djlive-pro-main::before{
  content:"";
  display:block!important;
  position:absolute!important;
  right:190px!important;
  bottom:18px!important;
  width:130px!important;
  height:26px!important;
  opacity:.42!important;
  background:
    linear-gradient(var(--c1),var(--c1)) 0 16px/4px 10px no-repeat,
    linear-gradient(var(--c2),var(--c2)) 12px 8px/4px 18px no-repeat,
    linear-gradient(var(--c3),var(--c3)) 24px 14px/4px 12px no-repeat,
    linear-gradient(var(--c1),var(--c1)) 36px 4px/4px 22px no-repeat,
    linear-gradient(var(--c2),var(--c2)) 48px 12px/4px 14px no-repeat,
    linear-gradient(var(--c3),var(--c3)) 60px 6px/4px 20px no-repeat,
    linear-gradient(var(--c1),var(--c1)) 72px 16px/4px 10px no-repeat,
    linear-gradient(var(--c2),var(--c2)) 84px 9px/4px 17px no-repeat,
    linear-gradient(var(--c3),var(--c3)) 96px 3px/4px 23px no-repeat,
    linear-gradient(var(--c1),var(--c1)) 108px 13px/4px 13px no-repeat!important;
  filter:drop-shadow(0 0 8px var(--c1))!important;
  animation:djBarsMove 1.4s infinite ease-in-out!important;
}

@keyframes djOnAirBlink{
  0%,100%{opacity:.72}
  50%{opacity:1}
}

@keyframes djAvatarGlow{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.15)}
}

@keyframes djBarsMove{
  0%,100%{transform:scaleY(.82)}
  50%{transform:scaleY(1.12)}
}

/* === DJ LIVE LAYOUT CLEAN 20260521 === */

/* Cache le titre Ambiance actuelle sans supprimer la logique */
.live-energy.card-soft > div:first-child > .eyebrow,
.live-energy.card-soft > div:first-child > .muted.small{
  display:none!important;
}

/* Donne plus de place à la carte DJ */
.live-energy.card-soft{
  padding:12px 14px!important;
}

#djLiveIndexSection{
  max-width:100%!important;
  margin:0!important;
}

#djLiveIndexSection .djlive-title{
  margin:0 0 10px!important;
  font-size:.82rem!important;
  letter-spacing:.15em!important;
  color:#55e7ff!important;
}

/* Carte mieux centrée dans le bloc */
.djlive-pro-card{
  margin:0!important;
  width:100%!important;
}

/* === DJ LIVE TITLE + EFFECT FIX 20260521 === */

/* Cache Ambiance actuelle / mouvement du salon */
.live-energy.card-soft > div:first-child > .eyebrow,
.live-energy.card-soft > div:first-child > .muted.small{
  display:none!important;
}

/* Le titre devient vraiment radio */
#djLiveIndexSection .djlive-title{
  margin:0 0 10px!important;
  color:#55e7ff!important;
  font-size:.86rem!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}

/* Supprime l’effet equalizer mal placé sous l’avatar */
.djlive-pro-card .djlive-pro-main::before{
  display:none!important;
  content:none!important;
}

/* Carte mieux placée dans le bloc */
.live-energy.card-soft{
  padding:12px 14px!important;
}

#djLiveIndexSection{
  max-width:100%!important;
  margin:0!important;
}

.djlive-pro-card{
  width:100%!important;
  margin:0!important;
}

/* === DJ LIVE TITLE + EFFECT FIX 20260521 === */

/* Cache Ambiance actuelle / mouvement du salon */
.live-energy.card-soft > div:first-child > .eyebrow,
.live-energy.card-soft > div:first-child > .muted.small{
  display:none!important;
}

/* Le titre devient vraiment radio */
#djLiveIndexSection .djlive-title{
  margin:0 0 10px!important;
  color:#55e7ff!important;
  font-size:.86rem!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}

/* Supprime l’effet equalizer mal placé sous l’avatar */
.djlive-pro-card .djlive-pro-main::before{
  display:none!important;
  content:none!important;
}

/* Carte mieux placée dans le bloc */
.live-energy.card-soft{
  padding:12px 14px!important;
}

#djLiveIndexSection{
  max-width:100%!important;
  margin:0!important;
}

.djlive-pro-card{
  width:100%!important;
  margin:0!important;
}

/* === DJ LIVE EQUALIZER REPLACED 20260521 === */

/* Réactive l'effet, mais bien placé en bas à droite */
.djlive-pro-card .djlive-pro-main::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:210px!important;
  bottom:18px!important;
  width:150px!important;
  height:28px!important;
  opacity:.38!important;
  pointer-events:none!important;
  background:
    linear-gradient(var(--c1),var(--c1)) 0 16px/4px 10px no-repeat,
    linear-gradient(var(--c2),var(--c2)) 14px 8px/4px 18px no-repeat,
    linear-gradient(var(--c3),var(--c3)) 28px 14px/4px 12px no-repeat,
    linear-gradient(var(--c1),var(--c1)) 42px 3px/4px 23px no-repeat,
    linear-gradient(var(--c2),var(--c2)) 56px 12px/4px 14px no-repeat,
    linear-gradient(var(--c3),var(--c3)) 70px 6px/4px 20px no-repeat,
    linear-gradient(var(--c1),var(--c1)) 84px 16px/4px 10px no-repeat,
    linear-gradient(var(--c2),var(--c2)) 98px 9px/4px 17px no-repeat,
    linear-gradient(var(--c3),var(--c3)) 112px 3px/4px 23px no-repeat,
    linear-gradient(var(--c1),var(--c1)) 126px 13px/4px 13px no-repeat!important;
  filter:drop-shadow(0 0 8px var(--c1))!important;
  animation:djBarsMove 1.4s infinite ease-in-out!important;
}

@media(max-width:760px){
  .djlive-pro-card .djlive-pro-main::before{
    display:none!important;
  }
}

/* === DJ LIVE ONAIR + JOIN FIX 20260521 === */

/* ON AIR au-dessus de l'avatar */
.djlive-pro-card::after{
  content:"ON AIR"!important;
  left:36px!important;
  top:18px!important;
  right:auto!important;
  color:#ff4fd8!important;
  font-size:.62rem!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
  text-shadow:0 0 10px #ff4fd8,0 0 20px rgba(255,79,216,.45)!important;
  animation:djOnAirBlink .95s infinite!important;
}

/* Equalizer plus bas, sous avatar */
.djlive-pro-card .djlive-pro-main::before{
  left:36px!important;
  right:auto!important;
  bottom:26px!important;
  width:115px!important;
  height:26px!important;
  opacity:.34!important;
}

/* lien 3DX plus petit */
.djlive-pro-join{
  padding:5px 10px!important;
  font-size:.66rem!important;
  margin-top:8px!important;
  transform:scale(.94)!important;
  transform-origin:left center!important;
}

/* garde le hover propre */
.djlive-pro-join:hover{
  transform:scale(.96) translateY(-1px)!important;
}

@keyframes djOnAirBlink{
  0%,100%{opacity:.55;filter:brightness(.9)}
  50%{opacity:1;filter:brightness(1.35)}
}

/* === DJ LIVE PRECISE LAYOUT FIX 20260521 === */

/* carte avec 3 zones nettes */
.djlive-pro-card{
  grid-template-columns:96px minmax(0,1fr) 188px!important;
  gap:18px!important;
  align-items:center!important;
}

/* ON AIR bien au-dessus de l'avatar */
.djlive-pro-card::after{
  content:"ON AIR"!important;
  left:54px!important;
  top:18px!important;
  right:auto!important;
  z-index:4!important;
  color:#ff4fd8!important;
  font-size:.58rem!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
  text-shadow:0 0 8px #ff4fd8,0 0 18px rgba(255,79,216,.55)!important;
  animation:djOnAirBlink .95s infinite!important;
}

/* avatar un peu plus bas pour laisser respirer ON AIR */
.djlive-pro-avatar{
  margin-top:18px!important;
  z-index:3!important;
}

/* equalizer sous avatar, plus bas et derrière */
.djlive-pro-card .djlive-pro-main::before{
  left:40px!important;
  right:auto!important;
  bottom:18px!important;
  width:95px!important;
  height:22px!important;
  opacity:.28!important;
  z-index:1!important;
}

/* colonne droite : bouton écouter + rejoindre */
.djlive-pro-play{
  justify-self:end!important;
  align-self:center!important;
  width:178px!important;
  min-height:54px!important;
  margin-bottom:10px!important;
}

/* le lien 3DX passe à droite, sous le bouton */
.djlive-pro-join{
  position:absolute!important;
  right:30px!important;
  bottom:22px!important;
  z-index:4!important;
  width:150px!important;
  justify-content:center!important;
  padding:5px 9px!important;
  font-size:.62rem!important;
  margin:0!important;
  transform:none!important;
  white-space:nowrap!important;
}

/* on garde le hover propre */
.djlive-pro-join:hover{
  transform:translateY(-1px)!important;
}

/* espace texte central */
.djlive-pro-main{
  padding-left:4px!important;
  padding-right:8px!important;
}

@media(max-width:760px){
  .djlive-pro-join{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:max-content!important;
    margin-top:8px!important;
  }
}

/* === DJ LIVE FINAL CLEAN ALIGNMENT 20260521 === */

/* grille propre */
.djlive-pro-card{
  grid-template-columns:92px minmax(0,1fr) 210px!important;
  gap:22px!important;
  align-items:center!important;
  padding:24px 26px!important;
  position:relative!important;
}

/* avatar */
.djlive-pro-avatar{
  width:76px!important;
  height:76px!important;
  margin-top:10px!important;
  position:relative!important;
  z-index:3!important;
}

/* ON AIR propre au-dessus avatar */
.djlive-pro-card::after{
  content:"ON AIR"!important;
  left:48px!important;
  top:16px!important;
  right:auto!important;
  font-size:.56rem!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
  color:#ff4fd8!important;
  text-shadow:
    0 0 8px rgba(255,79,216,.95),
    0 0 18px rgba(255,79,216,.45)!important;
  animation:djOnAirBlink 1s infinite!important;
}

/* equalizer sous avatar */
.djlive-pro-card .djlive-pro-main::before{
  left:-92px!important;
  bottom:-8px!important;
  width:80px!important;
  height:18px!important;
  opacity:.22!important;
}

/* texte central */
.djlive-pro-main{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
  position:relative!important;
  z-index:3!important;
}

/* titre DJ */
.djlive-pro-name{
  font-size:2.05rem!important;
  line-height:.95!important;
  margin-bottom:2px!important;
}

/* ligne info */
.djlive-pro-room{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
}

.djlive-pro-room span{
  font-size:.62rem!important;
  letter-spacing:.14em!important;
  opacity:.72!important;
}

.djlive-pro-room strong{
  font-size:1.12rem!important;
  line-height:1!important;
}

/* colonne droite */
.djlive-pro-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:12px!important;
}

/* bouton écouter */
.djlive-pro-play{
  width:190px!important;
  min-height:58px!important;
  border-radius:18px!important;
  font-size:.88rem!important;
  font-weight:950!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.35),
    inset 0 -5px 12px rgba(0,0,0,.25),
    0 10px 24px rgba(0,0,0,.35),
    0 0 24px rgba(85,231,255,.30)!important;
}

/* bouton rejoindre room */
.djlive-pro-join{
  position:static!important;
  width:auto!important;
  min-width:190px!important;
  justify-content:center!important;
  padding:7px 12px!important;
  font-size:.68rem!important;
  border-radius:999px!important;
  transform:none!important;
  white-space:nowrap!important;
}

/* mobile */
@media(max-width:760px){

  .djlive-pro-card{
    grid-template-columns:72px 1fr!important;
  }

  .djlive-pro-actions{
    grid-column:1/-1!important;
    align-items:stretch!important;
    margin-top:10px!important;
  }

  .djlive-pro-play,
  .djlive-pro-join{
    width:100%!important;
    min-width:0!important;
  }
}

/* === DJ LIVE CLEAN PRO CARD 20260521 === */

.live-energy.card-soft > div:first-child > .eyebrow,
.live-energy.card-soft > div:first-child > .muted.small{
  display:none!important;
}

.live-energy.card-soft{
  padding:12px!important;
}

#djLiveIndexSection{
  max-width:100%!important;
  margin:0!important;
}

#djLiveIndexSection .djlive-title{
  margin:0 0 12px!important;
  font-size:.84rem!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
  color:#55e7ff!important;
  text-transform:uppercase!important;
}

/* Carte mieux structurée */
.djlive-pro-card{
  grid-template-columns:110px minmax(0,1fr) 210px!important;
  min-height:170px!important;
  padding:26px 28px!important;
  gap:24px!important;
  align-items:center!important;
  border-radius:30px!important;
}

/* Avatar zone */
.djlive-pro-avatar{
  width:92px!important;
  height:92px!important;
  border-radius:50%!important;
  margin-top:20px!important;
  z-index:3!important;
}

/* ON AIR propre au-dessus de l’avatar */
.djlive-pro-card::after{
  content:"ON AIR"!important;
  left:54px!important;
  top:30px!important;
  right:auto!important;
  font-size:.7rem!important;
  letter-spacing:.14em!important;
  color:#ff4fd8!important;
  font-weight:950!important;
  text-shadow:0 0 10px #ff4fd8,0 0 22px rgba(255,79,216,.55)!important;
  animation:djOnAirBlink 1s infinite!important;
}

/* Equalizer sous avatar, bien séparé */
.djlive-pro-card .djlive-pro-main::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:-112px!important;
  bottom:-30px!important;
  width:92px!important;
  height:26px!important;
  opacity:.42!important;
  z-index:1!important;
}

/* Centre texte propre */
.djlive-pro-main{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding-right:8px!important;
}

.djlive-pro-status{
  width:max-content!important;
  margin-bottom:10px!important;
}

.djlive-pro-name{
  font-size:2.25rem!important;
  line-height:.95!important;
  margin:0 0 10px!important;
}

.djlive-pro-room span{
  display:block!important;
  font-size:.78rem!important;
  letter-spacing:.16em!important;
  color:rgba(255,255,255,.62)!important;
  margin-bottom:5px!important;
}

.djlive-pro-room strong{
  display:block!important;
  font-size:1.35rem!important;
  color:#ff4fd8!important;
  line-height:1!important;
}

/* Bouton écouter à droite */
.djlive-pro-play{
  justify-self:end!important;
  align-self:center!important;
  width:198px!important;
  min-height:62px!important;
  border-radius:22px!important;
  font-size:.9rem!important;
  margin-top:-26px!important;
}

/* Bouton rejoindre à droite sous écouter */
.djlive-pro-join{
  position:absolute!important;
  right:28px!important;
  bottom:32px!important;
  width:198px!important;
  min-width:0!important;
  justify-content:center!important;
  padding:10px 14px!important;
  font-size:.78rem!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  margin:0!important;
  transform:none!important;
  z-index:4!important;
}

.djlive-pro-join:hover{
  transform:translateY(-1px)!important;
}

@keyframes djOnAirBlink{
  0%,100%{opacity:.55;filter:brightness(.9)}
  50%{opacity:1;filter:brightness(1.4)}
}

@media(max-width:760px){
  .djlive-pro-card{
    grid-template-columns:82px 1fr!important;
    min-height:190px!important;
  }

  .djlive-pro-play,
  .djlive-pro-join{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    grid-column:1/-1!important;
    margin-top:10px!important;
  }
}

/* === DJ LIVE ROOM + JOIN FIX 20260521 === */

.djlive-pro-card{
  grid-template-columns:90px minmax(0,1fr) 185px!important;
  gap:18px!important;
}

.djlive-pro-room{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}

.djlive-pro-room span{
  display:inline!important;
  white-space:nowrap!important;
  font-size:.68rem!important;
}

.djlive-pro-room strong{
  display:inline!important;
  white-space:nowrap!important;
  font-size:1rem!important;
}

.djlive-pro-actions{
  grid-column:3!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  align-items:stretch!important;
  justify-content:center!important;
  z-index:6!important;
}

.djlive-pro-play{
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
}

.djlive-pro-join{
  position:relative!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  min-width:0!important;
  padding:6px 9px!important;
  font-size:.62rem!important;
  border-radius:999px!important;
  text-align:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  margin:0!important;
  transform:none!important;
}

.djlive-pro-join:hover{
  transform:translateY(-1px)!important;
}

/* === BADGES DJ RÉSIDENT / DJ INVITÉ 20260523 === */

.djlive-role-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 8px!important;
  padding:5px 11px!important;
  border-radius:999px!important;
  font-size:.58rem!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

.djlive-role-badge.resident{
  color:#ffe8a3!important;
  background:linear-gradient(135deg,rgba(255,196,77,.22),rgba(255,79,216,.16))!important;
  border:1px solid rgba(255,196,77,.42)!important;
  box-shadow:0 0 18px rgba(255,196,77,.20)!important;
}

.djlive-role-badge.guest{
  color:#7df3ff!important;
  background:linear-gradient(135deg,rgba(85,231,255,.18),rgba(139,118,255,.16))!important;
  border:1px solid rgba(85,231,255,.38)!important;
  box-shadow:0 0 18px rgba(85,231,255,.18)!important;
}

.djlive-pro-card.is-resident{
  --c1:#ffd166!important;
  --c2:#ff4fd8!important;
  --c3:#35d8ff!important;
}

.djlive-pro-card.is-guest{
  --c1:#7df3ff!important;
  --c2:#8b76ff!important;
  --c3:#ff4fd8!important;
}