/* mobile-fix1 (QA mobile 2026-10-01): corrige a regressao do bloco "explorar-mobile" de index-YAO12aSp.css
   e outros achados da auditoria. Override isolado: remover o <link> no index.html desfaz tudo. */
@media (width<=799px){
  /* chips do topo: nada de encolher abaixo do texto; alvo de toque 44px; rola na horizontal se faltar espaco */
  .nf-chips{gap:5px;padding-left:10px;padding-right:10px}
  .nf-chips>*{flex:1 0 auto;min-width:auto}
  .nf-chips button{flex:1 0 auto;min-width:44px;min-height:44px;padding:6px 9px;font-size:12.5px;line-height:1.15;white-space:nowrap}

  /* Explorar: conteudo comeca abaixo do cabecalho fixo (nav ~108px com chips de 44px) */
  html .ex-page{padding-top:calc(120px + env(safe-area-inset-top,0px))!important}
  html .ex-page button{min-height:40px}
  /* select >=16px evita o zoom automatico do iOS */
  html .ex-page select{font-size:16px;min-height:40px;padding:6px 10px}
  /* segmento ativo (Populares/Avaliacao/...): --color-ink-950 esta claro neste tema -> texto escuro explicito */
  html .ex-page .overflow-hidden.rounded-full>button.bg-white{color:#0b0b10}
  /* generos: uma linha so, rolagem horizontal */
  html .ex-page .overflow-x-auto>button{flex:0 0 auto;white-space:nowrap}
  /* "Nota minima" ocupa a linha inteira (o contador vai para baixo, sem sobrepor) */
  html .ex-page label.flex-1{flex:1 1 100%;min-width:100%!important}
}

/* dialogo de login/cadastro em telas baixas: esconde o mascote/encolhe o topo para os botoes caberem */
@media (max-height:760px){
  form.ev-login{padding-top:58px}
  form.ev-login .ev-login-critter{display:none}
  form.ev-login .ev-dlg-hero{gap:2px}
}
@media (max-height:620px){
  form.ev-login .ev-login-logo{display:none}
  form.ev-login{padding-top:56px}
}
@media (max-width:420px){
  form.ev-login .ev-google-btn{white-space:nowrap;font-size:14px;gap:8px}
}

/* cards com titulo (busca etc.): line-clamp + padding-bottom deixava a 3a linha aparecer cortada.
   O respiro de baixo vira borda transparente (fora da area de clip), com o degrade cobrindo a borda. */
.nf-art-name{padding-bottom:0;border-bottom:10px solid transparent;background-origin:border-box}
.nf-art--crop .nf-art-name{border-bottom:0}

/* textos minusculos */
.nf-art--crop .nf-art-name small{font-size:max(10px,.72em)}
.nf-footer p{font-size:12px}

/* [cast-20261003] Cabecalho estreito: cast e busca disputam o lugar do logo. No app
   (html.ev-android) o cast fica no topo e a busca sai — ela continua na aba "Buscar" da barra
   inferior do app. Fora do app (Chrome do celular) mantem-se a busca e o cast sai do topo. */
@media (width<=479px){
  .nf-nav-right .ev-cast-btn{display:none}
  html.ev-android .nf-nav-right .ev-cast-btn{display:grid}
  html.ev-android .nf-nav-right button[aria-label="Buscar"]{display:none}
}

.ef-cap{display:block;margin-top:6px;font-size:12px;line-height:1.3;color:#f5f5f5;white-space:normal}