/* =========================================================
   PANTURIA — MUSIC RADAR HOME COMPACT V5
   Loaded after music-player.css.
   Scope: homepage Music Radar + one dashboard helper note only.
   ========================================================= */

.music-home-section{
  position:relative;
  overflow:hidden;
  padding:clamp(3.2rem,5.2vw,4.8rem) 0 1.15rem;
  background:#17324D;
  color:#fff;
}

.music-home-section::before{
  content:"";
  position:absolute;
  right:-170px;
  bottom:-280px;
  width:520px;
  height:520px;
  border:1px solid rgba(242,181,68,.14);
  border-radius:50%;
  pointer-events:none;
}

.music-home-section .music-home-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(250px,.66fr) minmax(620px,1.34fr);
  gap:clamp(2rem,4.8vw,4.5rem);
  align-items:stretch;
}

.music-home-section .music-home-copy{
  min-width:0;
  min-height:340px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:1rem;
}

.music-home-section .music-home-copy .eyebrow{
  color:#F2B544;
}

.music-home-section .music-home-copy h2{
  margin:.3rem 0 1rem;
  color:#fff;
  font-family:Sora,sans-serif;
  font-size:clamp(3.8rem,6.6vw,6.5rem);
  line-height:.84;
  letter-spacing:-.06em;
}

.music-home-section .music-home-copy h2 span{
  display:block;
}

.music-home-section .music-home-copy p{
  margin:0;
  max-width:520px;
  color:rgba(255,255,255,.76);
  font-size:1rem;
  line-height:1.7;
}

.music-home-section .music-home-copy .actions{
  margin-top:1.35rem;
}

.music-home-section .music-home-copy .actions:last-child{
  margin-top:auto;
}

.music-home-section .music-home-copy .button-secondary{
  border-color:rgba(255,255,255,.3);
  color:#fff;
  background:transparent;
}

.music-home-section .music-home-player-card{
  min-width:0;
  min-height:340px;
  height:100%;
  display:flex;
  flex-direction:column;
  align-self:stretch;
  overflow:hidden;
  border-radius:18px;
  background:#121212;
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}

.music-home-section .music-home-player-stage{
  flex:0 0 auto;
  background:#121212;
}

.music-home-section .music-home-player{
  display:block;
  width:100%;
  border:0;
  border-radius:0;
  background:#121212;
}

.music-home-section .music-home-player-support{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:1rem;
  padding:1.2rem 1.35rem 1.3rem;
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.05));
}

.music-home-section .music-home-player-kicker{
  display:block;
  color:#F2B544;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.music-home-section .music-home-player-support h3{
  margin:.35rem 0 0;
  color:#fff;
  font-family:Sora,sans-serif;
  font-size:1.15rem;
  line-height:1.2;
}

.music-home-section .music-home-player-support p{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:.92rem;
  line-height:1.65;
}

.music-home-section .music-home-player-support-actions{
  display:flex;
  align-items:center;
  gap:.75rem;
}

.music-home-section .music-home-player-link{
  color:#F2B544;
  font-weight:800;
  text-decoration:none;
}

.music-home-section .music-home-player-link:hover{
  text-decoration:underline;
}

.music-home-section .music-home-player-fallback{
  min-height:340px;
  height:100%;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:.45rem;
  padding:1.8rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
}

.music-home-section .music-home-player-fallback strong{
  color:#fff;
  font-family:Sora,sans-serif;
  font-size:1.2rem;
}

.music-home-section .music-home-player-fallback span{
  color:rgba(255,255,255,.65);
}

.music-home-section .music-home-player-fallback a{
  margin-top:.35rem;
  color:#F2B544;
  font-weight:800;
  text-decoration:none;
}

.music-home-section .music-home-player-note{
  grid-column:1/-1;
  width:100%;
  max-width:none;
  margin:.15rem 0 0;
  padding-top:.75rem;
  border-top:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.58);
  font-size:.72rem;
  line-height:1.4;
  white-space:nowrap;
}

/* Dashboard explanation below Spotify playlist URL. */
.music-admin-field-help{
  margin:.45rem 0 0;
  color:#6f7881;
  font-size:.78rem;
  line-height:1.55;
}

@media(max-width:900px){
  .music-home-section .music-home-shell{
    grid-template-columns:1fr;
  }

  .music-home-section .music-home-copy{
    min-height:auto;
    gap:.9rem;
  }

  .music-home-section .music-home-copy .actions:last-child{
    margin-top:1.35rem;
  }

  .music-home-section .music-home-player-card{
    min-height:auto;
    height:auto;
  }

  .music-home-section .music-home-player-note{
    white-space:normal;
  }
}

@media(max-width:620px){
  .music-home-section{
    padding:2.9rem 0 1rem;
  }

  .music-home-section .music-home-copy h2{
    font-size:clamp(3.3rem,18vw,5.1rem);
  }

  .music-home-section .music-home-player-support{
    padding:1rem 1rem 1.1rem;
  }
}