/* RADIO SO FLASHBACK | MINIMAL V4 | layout e titulo, sem alterar o audio.
   Carregado APOS os arquivos CSS originais do Minimal.
   O link é exclusivo do index-minimal.php e não modifica o Neon.
   Nenhuma conexão de áudio, função JS ou animação de equalizador é criada. */

/* Titulo da faixa + artista ocupam o centro do espaço livre entre capa e footer. */
@media (min-width:901px) {
  body.sf-minimal {
    --minimal-footer:clamp(132px,16vh,158px);
  }
  body.sf-minimal .site-shell {
    grid-template-rows:minmax(0,1fr) var(--minimal-footer) !important;
  }
  body.sf-minimal .song-center #trackHeading {
    margin-top:clamp(18px,calc((100dvh - var(--minimal-footer) - var(--minimal-album-top) - var(--minimal-album) - 86px)/2),86px) !important;
    gap:clamp(5px,0.8vh,10px) !important;
    padding:0 16px !important;
    max-width:100% !important;
    text-align:center !important;
  }
  body.sf-minimal .song-center #songText {
    font-size:clamp(30px,2.55vw,44px) !important;
    line-height:1.08 !important;
    max-width:100% !important;
    text-align:center !important;
  }
  body.sf-minimal .song-center #artistText {
    font-size:clamp(22px,1.88vw,31px) !important;
    line-height:1.12 !important;
    max-width:100% !important;
    text-align:center !important;
  }
}

/* Footer Neon: régua completa de volume acima, controles distribuídos embaixo.
   Não se adicionam Equalizador ou Reverberador. */
body.sf-minimal .player-controls {
  position:relative !important;
  grid-column:1 / -1;
  grid-row:2;
  left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;
  width:100% !important;
  height:var(--minimal-footer) !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  z-index:18 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:0 -10px 28px rgba(5,8,25,.21) !important;
  background:linear-gradient(180deg,rgba(10,12,28,.82),rgba(6,10,25,.95)) !important;
}
body.sf-minimal .volume-slider-row {
  position:absolute !important;
  left:3.2% !important;right:3.2% !important;top:clamp(9px,1.75vh,18px) !important;
  width:93.6% !important;height:22px !important;
  transform:none !important;
  padding:0 !important;margin:0 !important;
  display:flex !important;align-items:center !important;
  z-index:22 !important;
}
body.sf-minimal #volume {
  display:block !important;
  width:100% !important;
  height:6px !important;
  margin:0 !important;
  cursor:pointer;
}
body.sf-minimal .controls-row {
  position:absolute !important;
  left:0 !important;right:0 !important;top:43px !important;bottom:0 !important;
  display:block !important;
  width:100% !important;
  height:calc(100% - 43px) !important;
  min-height:0 !important;
  padding:0 !important;margin:0 !important;
}
body.sf-minimal .controls-row .neon-vote-play {
  position:absolute !important;
  left:50% !important;top:50% !important;
  width:auto !important;
  transform:translate(-50%,-50%) !important;
  margin:0 !important;gap:0 !important;
  z-index:20 !important;
}
body.sf-minimal .controls-row #playBtn {
  width:clamp(72px,9vh,91px) !important;
  height:clamp(72px,9vh,91px) !important;
}
body.sf-minimal .controls-row #muteBtn {
  position:absolute !important;
  left:3.2% !important;right:auto !important;top:50% !important;
  transform:translateY(-50%) !important;
  z-index:21 !important;
}
body.sf-minimal .controls-row #neonInstallBtn {
  position:absolute !important;
  display:flex !important;
  left:29% !important;right:auto !important;top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:auto !important;min-width:125px !important;max-width:none !important;
  min-height:44px !important;height:auto !important;
  padding:9px 13px !important;
  font:700 clamp(12px,1vw,15px)/1 'Barlow Condensed',Arial,sans-serif !important;
  text-align:center !important;white-space:nowrap !important;
  z-index:20 !important;
}
body.sf-minimal .controls-row #neonInstallBtn svg {
  width:20px !important;height:20px !important;
}
body.sf-minimal .controls-row #neonInstallLabel {
  display:inline !important;
}
body.sf-minimal .controls-row #listeners {
  position:absolute !important;
  left:auto !important;right:20% !important;top:50% !important;
  transform:translateY(-50%) !important;
  font-size:clamp(13px,1.15vw,19px) !important;
  z-index:20 !important;
}
body.sf-minimal .controls-row .volume-display {
  position:absolute !important;
  left:auto !important;right:3% !important;top:50% !important;
  transform:translateY(-50%) !important;
  font-size:clamp(16px,1.25vw,21px) !important;
  z-index:20 !important;
}
body.sf-minimal .controls-row .neon-vote {display:none !important;}
body.sf-minimal .neon-fx-trigger,
body.sf-minimal #sfEqModal,
body.sf-minimal #sfReverbUnifiedModal,
body.sf-minimal .spectrum-wrap {display:none !important;}

/* Em notebooks baixos, preservar um vão entre a faixa e o novo rodapé. */
@media (min-width:901px) and (max-height:830px) {
  body.sf-minimal {
    --minimal-album:min(46.5vh,38vw,430px);
    --minimal-album-top:clamp(53px,8vh,78px);
    --minimal-footer:clamp(124px,18vh,140px);
  }
  body.sf-minimal .song-center #trackHeading {
    margin-top:clamp(15px,calc((100dvh - var(--minimal-footer) - var(--minimal-album-top) - var(--minimal-album) - 77px)/2),64px) !important;
  }
  body.sf-minimal .song-center #songText {font-size:clamp(28px,2.4vw,39px) !important;}
  body.sf-minimal .song-center #artistText {font-size:clamp(20px,1.7vw,28px) !important;}
}

/* No celular, duas faixas: régua em cima, Play e comandos embaixo,
   sem reintroduzir efeitos ou fazer o volume cruzar o botão Play. */
@media (max-width:900px) {
  body.sf-minimal {--minimal-footer:115px;}
  body.sf-minimal .site-shell {height:100dvh !important;}
  body.sf-minimal .player-controls {
    position:fixed !important;
    left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;
    height:var(--minimal-footer) !important;
    max-height:none !important;
    width:100vw !important;
  }
  body.sf-minimal .volume-slider-row {
    left:5% !important;right:5% !important;top:9px !important;
    width:90% !important;height:17px !important;
  }
  body.sf-minimal .controls-row {top:31px !important;height:calc(100% - 31px) !important;}
  body.sf-minimal .controls-row .neon-vote-play {left:50% !important;top:50% !important;}
  body.sf-minimal .controls-row #playBtn {width:64px !important;height:64px !important;}
  body.sf-minimal .controls-row #muteBtn {left:3% !important;top:50% !important;}
  body.sf-minimal .controls-row #neonInstallBtn {
    left:26% !important;top:50% !important;
    min-width:0 !important;padding:7px 8px !important;
    font-size:10px !important;
  }
  body.sf-minimal .controls-row #listeners {
    right:13% !important;top:40% !important;
    font-size:11px !important;
    padding:6px 7px !important;
  }
  body.sf-minimal .controls-row .volume-display {
    right:2% !important;top:77% !important;font-size:12px !important;
  }
  body.sf-minimal .song-center #trackHeading {
    margin-top:clamp(13px,2.2vh,25px) !important;
    gap:4px !important;
  }
  body.sf-minimal #songText {font-size:clamp(22px,5.4vw,31px) !important;}
  body.sf-minimal #artistText {font-size:clamp(17px,4.4vw,24px) !important;}
}
@media (max-width:540px) {
  body.sf-minimal .controls-row #neonInstallBtn {
    left:27% !important;max-width:36px !important;width:36px !important;
    height:37px !important;padding:5px !important;
    justify-content:center !important;font-size:0 !important;
  }
  body.sf-minimal .controls-row #neonInstallLabel {display:none !important;}
  body.sf-minimal .controls-row #neonInstallBtn svg {width:22px !important;height:22px !important;}
  body.sf-minimal .controls-row #listeners {right:15% !important;top:50% !important;font-size:10px !important;}
  body.sf-minimal .controls-row .volume-display {right:1% !important;top:75% !important;}
  body.sf-minimal .controls-row #muteBtn {left:1.5% !important;}
  body.sf-minimal .controls-row #playBtn {width:61px !important;height:61px !important;}
}