/* Só Flashback | Coluna editorial de letras, versão NEON CURSIVA.
   Escopo: somente index-minimal-letras.php (body.sf-minimal). Não altera áudio nem TOP 10. */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500;600;700&display=swap');
@media (min-width:901px) {
  body.sf-minimal {
    --sf-lyrics-column-width:clamp(350px,30.5vw,535px);
    --minimal-left:var(--sf-lyrics-column-width) !important;
    --minimal-right:clamp(242px,16.7vw,292px) !important;
  }
  body.sf-minimal .sf-minimal-sidebar {
    position:relative !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    width:auto !important;
    overflow:hidden !important;
    border:0 !important;
    padding:0 !important;
    background:transparent !important;
  }
  body.sf-minimal .sf-minimal-logo {
    position:absolute !important;
    z-index:21 !important;
    top:clamp(18px,2.8vh,27px) !important;
    left:clamp(16px,1.7vw,30px) !important;
    right:auto !important;
    width:clamp(177px,14vw,238px) !important;
  }
  body.sf-minimal .sf-minimal-logo img { width:100% !important; height:auto !important; }
  body.sf-minimal .sf-minimal-lyric-column {
    position:absolute !important;
    z-index:17 !important;
    display:flex !important;
    flex-direction:column !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    min-height:0 !important;
    top:clamp(132px,16.6vh,166px) !important;
    left:clamp(24px,3vw,52px) !important;
    right:clamp(10px,1vw,20px) !important;
    bottom:clamp(8px,1.8vh,18px) !important;
    overflow:hidden !important;
    padding:0 2px 0 0 !important;
    background:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }
  body.sf-minimal .sf-minimal-mobile-actions {display:none !important;}
}
body.sf-minimal .sf-minimal-lyric-head {
  position:relative;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  margin:0 0 14px !important;
  padding:5px 4px 8px !important;
  min-width:0;
  max-width:100%;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body.sf-minimal .sf-minimal-lyric-head strong {
  display:block;
  width:100%;
  max-width:100%;
  margin:0;
  color:#fff3ff;
  font-family:Impact,'Arial Narrow','Arial Black',sans-serif;
  font-size:clamp(24px,2.15vw,38px);
  font-weight:900;
  font-style:italic;
  line-height:1.08;
  letter-spacing:.2px;
  text-transform:uppercase;
  text-wrap:balance;
  overflow-wrap:break-word;
  text-shadow:0 0 7px #fa41dfdd,0 0 22px #ff36be6b,0 2px 2px #140518;
}
body.sf-minimal .sf-minimal-lyric-head small {
  display:block;
  margin:1px 0 0;
  color:#21e9ff;
  font-family:'Arial Narrow',Arial,sans-serif;
  font-weight:900;
  font-size:clamp(17px,1.45vw,25px);
  line-height:1.15;
  letter-spacing:1.3px;
  text-transform:uppercase;
  text-shadow:0 0 12px #00d9ff8c,0 2px 2px #0a0c24;
  overflow-wrap:break-word;
}
body.sf-minimal .sf-minimal-lyric-head:after {
  content:'';
  display:block;
  width:min(100%,310px);
  height:2px;
  margin:7px 0 0;
  background:linear-gradient(90deg,#ff5ee2,#6c43de 45%,#0de6ff 82%,transparent);
  box-shadow:0 0 10px #fb45d778;
}
body.sf-minimal .sf-minimal-lyric-scroll {
  position:relative;
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  overflow-x:hidden;
  padding:4px 11px 12px 4px !important;
  scrollbar-width:thin;
  scrollbar-color:#7de5ff63 transparent;
  overscroll-behavior:contain;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline-offset:2px;
  /* Small dark letter shadow ensures readable lyrics over changing videos. */
  filter:drop-shadow(0 2px 2px #080618aa);
}
body.sf-minimal .sf-minimal-lyric-scroll:focus-visible {outline:2px solid #31e9ff;}
body.sf-minimal .sf-minimal-lyric-pair {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  margin:0 0 clamp(16px,2.5vh,24px) !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}
body.sf-minimal .sf-minimal-lyric-en,
body.sf-minimal .sf-minimal-lyric-pt {
  display:block;
  max-width:100%;
  margin:0 !important;
  font-family:'Dancing Script','Segoe Script','Brush Script MT',cursive !important;
  font-style:normal !important;
  font-weight:700;
  overflow-wrap:break-word;
  white-space:normal;
  text-wrap:pretty;
}
body.sf-minimal .sf-minimal-lyric-en {
  color:#2feaff !important;
  font-size:clamp(23px,1.88vw,34px) !important;
  line-height:1.14 !important;
  text-shadow:0 0 12px #00d5ff62,0 2px 4px #030719;
}
body.sf-minimal .sf-minimal-lyric-pt {
  color:#ffd6f3 !important;
  font-size:clamp(20px,1.52vw,27px) !important;
  font-weight:600 !important;
  line-height:1.22 !important;
  text-shadow:0 0 9px #f75cc35a,0 2px 4px #080616;
}
body.sf-minimal .sf-minimal-lyric-pair.is-current .sf-minimal-lyric-en {
  color:#9cfdff !important;
  text-shadow:0 0 13px #2de6ffc7,0 2px 3px #09051b;
}
body.sf-minimal .sf-minimal-lyric-pair.is-current .sf-minimal-lyric-pt {
  color:#fff2fc !important;
  text-shadow:0 0 12px #ff64d6a1,0 2px 3px #09051b;
}
body.sf-minimal .sf-minimal-lyric-wait {
  color:#c4f7ff;
  font:600 14px/1.5 Arial,sans-serif;
  text-shadow:0 1px 6px #050913;
}
body.sf-minimal .sf-minimal-lyric-section-heading {
  margin:13px 0 9px;
  color:#f5b8f1;
  font:700 12px/1.3 Arial,sans-serif;
  letter-spacing:.5px;
}
body.sf-minimal .sf-minimal-lyric-note {
  flex:0 0 auto;
  padding:5px 4px 0;
  margin:0;
  min-height:16px;
  color:#b5b8d4;
  font:500 10px/1.3 Arial,sans-serif;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  background:transparent;
  border:0;
}
@media (min-width:901px) and (max-width:1199px){
  body.sf-minimal {--sf-lyrics-column-width:clamp(320px,30vw,370px);--minimal-right:240px !important;}
  body.sf-minimal .sf-minimal-lyric-head strong{font-size:clamp(21px,2.3vw,28px);}
  body.sf-minimal .sf-minimal-lyric-en{font-size:clamp(22px,2vw,26px) !important;}
  body.sf-minimal .sf-minimal-lyric-pt{font-size:clamp(19px,1.75vw,22px) !important;}
}
@media (min-width:901px) and (max-height:760px){
  body.sf-minimal .sf-minimal-lyric-column{top:clamp(115px,16vh,140px) !important;bottom:5px !important;}
  body.sf-minimal .sf-minimal-lyric-head{margin-bottom:7px !important;padding-bottom:4px !important;}
  body.sf-minimal .sf-minimal-lyric-pair{margin-bottom:13px !important;}
}
/* Mantém a versão mobile original: abre o modal de letras, sem essa coluna lateral. */
@media(max-width:900px){
  body.sf-minimal .sf-minimal-lyric-column{display:none !important;}
  body.sf-minimal .sf-minimal-mobile-actions{display:block;}
  body.sf-minimal .sf-minimal-mobile-lyrics{
    display:block !important;position:absolute;left:50%;top:130px;
    transform:translateX(-50%);width:clamp(112px,33vw,150px);
    padding:0;margin:0;border:0;background:none;z-index:40;cursor:pointer;
  }
  body.sf-minimal .sf-minimal-mobile-lyrics img{display:block;width:100%;height:auto;}
  body.sf-minimal .sf-minimal-mobile-top{top:43px !important;right:10px !important;}
}
@media(max-width:490px){
  body.sf-minimal .sf-minimal-mobile-lyrics{top:114px;}
  body.sf-minimal .sf-minimal-mobile-top{top:38px !important;}
}
