/* =========================================================
   MUSICOTECA V54 — PÁGINA DE ÁLBUM / ESTRUTURA LIMPA
   Base: V51/V52 + restauração da estrutura V53

   ESCOPO
   • página de álbum
   • layout de álbum no mobile (até 600px)
   • barra superior: efeito de profundidade SOMENTE no mobile
   • desktop: sem sombra criada por este arquivo
   • player inferior: NÃO é redesenhado
   • sidebar: NÃO é redesenhada
   • bundles originais: NÃO são alterados
   ========================================================= */

:root{
  --mo54-orange:#ff5a00;
  --mo54-gold:#f6d39a;
  --mo54-dark-text:#f6d39a;
  --mo54-light-text:#7b4a28;
  --mo54-dark-line:rgba(246,211,154,.18);
  --mo54-light-line:rgba(123,74,40,.18);
}

/* =========================================================
   1. BARRA SUPERIOR

   REGRA FUNDAMENTAL V54:
   O efeito de sombra da barra superior pertence SOMENTE ao
   cabeçalho mobile da página de álbum.

   No desktop, neutralizamos também o estado "scrolled" para
   impedir que uma versão antiga do CSS volte a desenhar sombra.
   ========================================================= */

@media (min-width:601px){
  [data-slot="navbar"],
  [data-slot="navbar"].musicoteca-navbar-scrolled{
    box-shadow:none!important;
    filter:none!important;
  }
}

@media (max-width:600px){
  [data-slot="navbar"]{
    position:relative!important;
    z-index:40!important;
    transition:box-shadow .22s ease!important;
    box-shadow:0 1px 0 rgba(74,42,18,.10),0 4px 13px rgba(43,23,16,.17)!important;
  }

  [data-slot="navbar"].musicoteca-navbar-scrolled{
    box-shadow:0 5px 16px rgba(43,23,16,.24)!important;
  }

  html.dark [data-slot="navbar"],
  body.dark [data-slot="navbar"]{
    box-shadow:0 1px 0 rgba(244,199,126,.08),0 4px 13px rgba(0,0,0,.28)!important;
  }

  html.dark [data-slot="navbar"].musicoteca-navbar-scrolled,
  body.dark [data-slot="navbar"].musicoteca-navbar-scrolled{
    box-shadow:0 6px 18px rgba(0,0,0,.34)!important;
  }
}

/* =========================================================
   2. CABEÇALHO DO ÁLBUM — MOBILE
   ========================================================= */
@media (max-width:600px){

  header.musicoteca-album-master{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:8px 28px 0!important;
    text-align:center!important;
  }

  /* Título "Álbum Brasileiro" entre linhas finas. */
  header.musicoteca-album-master::before{
    content:"Álbum Brasileiro"!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:24px!important;
    margin:0 0 14px!important;
    box-sizing:border-box!important;
    color:var(--mo54-dark-text)!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:.055em!important;
    background:
      linear-gradient(var(--mo54-dark-line),var(--mo54-dark-line)) left center / calc(50% - 64px) 1px no-repeat,
      linear-gradient(var(--mo54-dark-line),var(--mo54-dark-line)) right center / calc(50% - 64px) 1px no-repeat!important;
  }

  html:not(.dark) header.musicoteca-album-master::before,
  body:not(.dark) header.musicoteca-album-master::before{
    color:var(--mo54-light-text)!important;
    background:
      linear-gradient(var(--mo54-light-line),var(--mo54-light-line)) left center / calc(50% - 64px) 1px no-repeat,
      linear-gradient(var(--mo54-light-line),var(--mo54-light-line)) right center / calc(50% - 64px) 1px no-repeat!important;
  }

  header.musicoteca-album-master > img.rounded-card,
  header.musicoteca-album-master > img[class*="rounded-card"],
  header.musicoteca-album-master > img{
    display:block!important;
    width:min(66.7vw,460px)!important;
    height:min(66.7vw,460px)!important;
    max-width:460px!important;
    max-height:460px!important;
    margin:0 auto!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    border-radius:clamp(25px,5.2vw,40px)!important;
    box-shadow:none!important;
  }

  header.musicoteca-album-master > div{
    width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
  }

  header.musicoteca-album-master h1{
    width:100%!important;
    margin:14px 0 0!important;
    padding:0!important;
    box-sizing:border-box!important;
    text-align:center!important;
    line-height:1.04!important;
    text-shadow:none!important;
  }

  header.musicoteca-album-master .musicoteca-album-artist{
    margin:5px auto 0!important;
    justify-content:center!important;
  }

  header.musicoteca-album-master .musicoteca-album-meta{
    margin:5px auto 0!important;
    justify-content:center!important;
    line-height:1.22!important;
  }

  /* =======================================================
     3. AÇÕES DO ÁLBUM
     ======================================================= */
  .musicoteca-album-actions{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:14px auto 0!important;
    padding:0 28px!important;
  }

  .musicoteca-album-actions > div{
    width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    overflow:visible!important;
  }

  .musicoteca-album-actions button,
  .musicoteca-album-actions a{
    box-sizing:border-box!important;
    margin:0!important;
    flex-shrink:0!important;
  }

  .musicoteca-album-actions .musicoteca-album-primary{
    width:145px!important;
    min-width:145px!important;
    max-width:145px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 17px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
  }

  .musicoteca-album-actions .musicoteca-album-circle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    padding:0!important;
    border-radius:50%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:0!important;
    font-size:0!important;
  }

  .musicoteca-album-actions .musicoteca-album-circle svg{
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    min-height:19px!important;
    display:block!important;
    flex:0 0 auto!important;
  }

  .musicoteca-album-actions .musicoteca-album-circle span,
  .musicoteca-album-actions .musicoteca-album-circle div{
    display:none!important;
  }

  /* =======================================================
     4. FICHA TÉCNICA
     ======================================================= */
  .musicoteca-album-description{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:18px auto 0!important;
    padding:0 28px!important;
    line-height:1.38!important;
    text-align:left!important;
  }

  .musicoteca-album-description::before{
    content:"Ficha Técnica"!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:24px!important;
    margin:0 0 10px!important;
    color:var(--mo54-dark-text)!important;
    font-size:14px!important;
    font-weight:600!important;
    background:
      linear-gradient(var(--mo54-dark-line),var(--mo54-dark-line)) left center / calc(50% - 64px) 1px no-repeat,
      linear-gradient(var(--mo54-dark-line),var(--mo54-dark-line)) right center / calc(50% - 64px) 1px no-repeat!important;
  }

  html:not(.dark) .musicoteca-album-description::before,
  body:not(.dark) .musicoteca-album-description::before{
    color:var(--mo54-light-text)!important;
    background:
      linear-gradient(var(--mo54-light-line),var(--mo54-light-line)) left center / calc(50% - 64px) 1px no-repeat,
      linear-gradient(var(--mo54-light-line),var(--mo54-light-line)) right center / calc(50% - 64px) 1px no-repeat!important;
  }

  .musicoteca-album-description > *{
    margin-top:0!important;
    margin-bottom:7px!important;
  }

  .musicoteca-album-description > *:last-child{
    margin-bottom:0!important;
  }

  .musicoteca-album-description button,
  .musicoteca-album-description a[role="button"]{
    margin-top:1px!important;
  }

  /* =======================================================
     5. LISTA DE FAIXAS
     Número + capa + título + artista + menu.
     ======================================================= */
  .musicoteca-album-track-list{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:16px auto 0!important;
    padding:0 28px!important;
  }

  .musicoteca-album-track-list [role="row"]{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:62px!important;
    height:62px!important;
    margin:0 0 7px!important;
    padding:6px 9px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    border:1px solid rgba(246,211,154,.12)!important;
    border-radius:15px!important;
    background:rgba(43,24,14,.34)!important;
    overflow:hidden!important;
  }

  .musicoteca-album-track-list [role="row"] > [role="cell"]:first-child{
    flex:0 0 24px!important;
    width:24px!important;
    min-width:24px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:12px!important;
    color:rgba(246,211,154,.72)!important;
  }

  .musicoteca-album-track-cover-v54{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:9px!important;
    object-fit:cover!important;
    display:block!important;
  }

  .musicoteca-album-track-list [role="row"] > [role="cell"].musicoteca-album-track-info-v54{
    flex:1 1 auto!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
  }

  .musicoteca-album-track-info-v54 > div{
    min-width:0!important;
    width:100%!important;
  }

  .musicoteca-album-track-title-v54{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:600!important;
    color:#f6d39a!important;
  }

  .musicoteca-album-track-artist-v54{
    display:block!important;
    width:100%!important;
    margin-top:3px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1.15!important;
    color:rgba(246,211,154,.70)!important;
  }

  .musicoteca-album-track-list [role="row"] > [role="cell"]:last-child{
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .musicoteca-album-track-list [role="row"] > [role="cell"]:nth-child(n+4):not(:last-child){
    display:none!important;
  }

  .musicoteca-album-track-list [role="row"] .text-primary{
    color:#ff5a00!important;
  }

  /* Faixa ativa: destaque discreto, sem glow exagerado. */
  .musicoteca-album-track-list [role="row"]:has(.text-primary){
    border-color:rgba(255,90,0,.30)!important;
    background:rgba(255,90,0,.07)!important;
  }
}

/* =========================================================
   6. TELAS MUITO ESTREITAS
   ========================================================= */
@media (max-width:390px){
  header.musicoteca-album-master{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  .musicoteca-album-actions{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  .musicoteca-album-actions > div{
    gap:5px!important;
  }

  .musicoteca-album-actions .musicoteca-album-primary{
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
  }

  .musicoteca-album-actions .musicoteca-album-circle{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }

  .musicoteca-album-description,
  .musicoteca-album-track-list{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}