/*
 * Pão com Palavra v300 — v257
 * Correção cirúrgica Fernando Pina: CTAs funcionais no desktop e texto de prévia legível em app/site.
 * Não altera Rádio, Palavra, Loja, D1 ou sinais centrais.
 */

/* CTAs sempre acima de qualquer camada decorativa e plenamente clicáveis. */
html body #lancamentos .pao-music-card-actions{
  position:relative !important;
  z-index:30 !important;
  pointer-events:auto !important;
}
html body #lancamentos .pao-music-card-actions .pao-music-btn,
html body #lancamentos .pao-music-card-actions .pao-music-preview-btn{
  position:relative !important;
  z-index:31 !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Estado tocando: fundo ciano + texto escuro com contraste total, inclusive Safari/iOS. */
html body #lancamentos .pao-music-card-actions .pao-music-preview-btn.is-playing,
html body #lancamentos .pao-music-card-actions .pao-music-preview-btn[data-preview-state="playing"]{
  background-image:linear-gradient(180deg,#bafcff 0%,#54e1ff 52%,#18c7e7 100%) !important;
  background-color:#54e1ff !important;
  color:#05121d !important;
  -webkit-text-fill-color:#05121d !important;
  text-shadow:none !important;
  opacity:1 !important;
  font-weight:950 !important;
}

/* Pausado/idle/loading: texto claro sobre fundo escuro. */
html body #lancamentos .pao-music-card-actions .pao-music-preview-btn:not([data-preview-state="playing"]),
html body #lancamentos .pao-music-card-actions .pao-music-preview-btn[data-preview-state="paused"],
html body #lancamentos .pao-music-card-actions .pao-music-preview-btn[data-preview-state="idle"],
html body #lancamentos .pao-music-card-actions .pao-music-preview-btn[data-preview-state="loading"]{
  color:#f6fbff !important;
  -webkit-text-fill-color:#f6fbff !important;
  opacity:1 !important;
}

/* Desktop: usa somente os cards reais; viewport rolável por setas/trackpad, sem clones inertes. */
@media (min-width:761px) and (pointer:fine){
  html body #lancamentos .pao-music-viewport{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:smooth !important;
    scrollbar-width:none !important;
    scroll-snap-type:x proximity !important;
    touch-action:pan-x pan-y !important;
  }
  html body #lancamentos .pao-music-viewport::-webkit-scrollbar{display:none !important;}
  html body #lancamentos .pao-music-rail{
    transform:none !important;
    transition:none !important;
    will-change:auto !important;
  }
  html body #lancamentos .pao-music-tile{
    scroll-snap-align:start !important;
  }
}