/* ========================================================================
   UniSST v115 — restauração VISUAL dos cards da referência v087
   Escopo deliberadamente restrito:
   - tamanho/geometria dos cards antes e depois do login;
   - efeito visual de hover/foco da v087;
   - botão de playlist (+) sempre oculto para visitante não autenticado.
   NÃO altera acesso, matrículas, progresso, vídeo, CRUDs ou conteúdo.
   ======================================================================== */

/* Geometria v087. A camada v112 continua responsável pelo conteúdo e ações. */
body.prime-v086.authenticated-home-page .v078-reference-home,
body.prime-public-v086 .pv-public-showcase{
  --u112-radius:12px;
  --pv-card-radius:12px;
  --u112-card-w:276px;
  --u112-card-h:155.25px;
  --u112-poster-w:276px;
  --u112-poster-h:414px;
  --pv-card-w:276px;
  --pv-card-h:155.25px;
  --pv-poster-w:276px;
  --pv-poster-h:414px;
  --pv-super-focus-w:736px;
}

@media (min-width:1760px){
  body.prime-v086.authenticated-home-page .v078-reference-home,
  body.prime-public-v086 .pv-public-showcase{
    --u112-card-w:276px;--u112-card-h:155.25px;
    --u112-poster-w:276px;--u112-poster-h:414px;
    --pv-card-w:276px;--pv-card-h:155.25px;
    --pv-poster-w:276px;--pv-poster-h:414px;--pv-super-focus-w:736px;
  }
}
@media (min-width:1400px) and (max-width:1759px){
  body.prime-v086.authenticated-home-page .v078-reference-home,
  body.prime-public-v086 .pv-public-showcase{
    --u112-card-w:clamp(250px,17vw,276px);--u112-card-h:calc(var(--u112-card-w)*.5625);
    --u112-poster-w:var(--u112-card-w);--u112-poster-h:calc(var(--u112-poster-w)*1.5);
    --pv-card-w:var(--u112-card-w);--pv-card-h:var(--u112-card-h);
    --pv-poster-w:var(--u112-poster-w);--pv-poster-h:var(--u112-poster-h);
    --pv-super-focus-w:calc(var(--pv-poster-h)*1.7777778);
  }
}
@media (min-width:1100px) and (max-width:1399px){
  body.prime-v086.authenticated-home-page .v078-reference-home,
  body.prime-public-v086 .pv-public-showcase{
    --u112-card-w:clamp(246px,22vw,264px);--u112-card-h:calc(var(--u112-card-w)*.5625);
    --u112-poster-w:var(--u112-card-w);--u112-poster-h:calc(var(--u112-poster-w)*1.5);
    --pv-card-w:var(--u112-card-w);--pv-card-h:var(--u112-card-h);
    --pv-poster-w:var(--u112-poster-w);--pv-poster-h:var(--u112-poster-h);
    --pv-super-focus-w:calc(var(--pv-poster-h)*1.7777778);
  }
}
@media (min-width:681px) and (max-width:1099px){
  body.prime-v086.authenticated-home-page .v078-reference-home,
  body.prime-public-v086 .pv-public-showcase{
    --u112-card-w:clamp(220px,29vw,252px);--u112-card-h:calc(var(--u112-card-w)*.5625);
    --u112-poster-w:var(--u112-card-w);--u112-poster-h:calc(var(--u112-poster-w)*1.5);
    --pv-card-w:var(--u112-card-w);--pv-card-h:var(--u112-card-h);
    --pv-poster-w:var(--u112-poster-w);--pv-poster-h:var(--u112-poster-h);
    --pv-super-focus-w:calc(var(--pv-poster-h)*1.7777778);
  }
}
@media (max-width:680px){
  body.prime-v086.authenticated-home-page .v078-reference-home,
  body.prime-public-v086 .pv-public-showcase{
    --u112-card-w:76vw;--u112-card-h:42.75vw;
    --u112-poster-w:42vw;--u112-poster-h:63vw;
    --pv-card-w:76vw;--pv-card-h:42.75vw;
    --pv-poster-w:42vw;--pv-poster-h:63vw;
    --pv-super-focus-w:calc(var(--pv-poster-h)*1.7777778);
  }
}

/* Garante os boxes da v087 mesmo com as camadas novas carregadas antes. */
html body.prime-v086.authenticated-home-page .v078-reference-home a.reference-landscape-card,
html body.prime-v086.authenticated-home-page .v078-reference-home .reference-standard-rail a.course-card,
html body.prime-public-v086 .pv-public-landscape-rail .pv-public-course-card{
  flex:0 0 var(--u112-card-w)!important;
  width:var(--u112-card-w)!important;min-width:var(--u112-card-w)!important;max-width:var(--u112-card-w)!important;
  height:var(--u112-card-h)!important;min-height:var(--u112-card-h)!important;max-height:var(--u112-card-h)!important;
  aspect-ratio:16/9!important;border-radius:12px!important;overflow:visible!important;
  background:transparent!important;box-shadow:none!important;transform:none!important;position:relative!important;
}
html body.prime-v086.authenticated-home-page .v078-reference-home .reference-poster-rail>a,
html body.prime-v086.authenticated-home-page .v078-reference-home a.prime-poster-card,
html body.prime-v086.authenticated-home-page .v078-reference-home a.featured-preview-card,
html body.prime-public-v086 .pv-public-poster-rail .pv-public-course-card{
  flex:0 0 var(--u112-poster-w)!important;
  width:var(--u112-poster-w)!important;min-width:var(--u112-poster-w)!important;max-width:var(--u112-poster-w)!important;
  height:var(--u112-poster-h)!important;min-height:var(--u112-poster-h)!important;max-height:var(--u112-poster-h)!important;
  aspect-ratio:2/3!important;border-radius:12px!important;
}

/* Efeito de tile da v087: leve realce, sem zoom exagerado do card base. */
html body:is(.prime-v086,.prime-public-v086) a[data-course-preview="1"] .card-img,
html body:is(.prime-v086,.prime-public-v086) a[data-course-preview="1"] .featured-preview-art{
  border-radius:12px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.035),0 2px 7px rgba(0,0,0,.38)!important;
  transition:filter .13s ease,box-shadow .13s ease,opacity .1s linear!important;
}
@media (hover:hover) and (pointer:fine){
  html body.prime-v086.authenticated-home-page .v078-reference-home a.reference-landscape-card:not(.preview-active):hover .card-img,
  html body.prime-public-v086 .pv-public-landscape-rail .pv-public-course-card:not(.preview-active):hover .card-img{
    filter:brightness(1.035)!important;
    box-shadow:0 7px 20px rgba(0,0,0,.52)!important;
    transform:none!important;
  }
}

/* O glance volta à escala visual da v087, mas mantém as ações/regras atuais. */
html body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance{
  width:min(430px,calc(100vw - 28px))!important;
  max-width:430px!important;
  border-radius:10px!important;
  transform:translate3d(0,8px,0) scale(.965)!important;
  transform-origin:50% 28%!important;
  transition:opacity .12s ease,visibility .12s ease,transform .18s cubic-bezier(.2,.72,.2,1)!important;
}
html body:is(.prime-v086,.prime-public-v086) .course-hover-preview.pv-glance.visible{
  transform:translate3d(0,0,0) scale(1)!important;
}

/* Visitante: não existe ação de playlist. Mesmo se algum CSS/JS legado tentar
   exibir o elemento, ele permanece oculto até existir sessão autenticada. */
html body.prime-public-v086.public-guest .course-hover-preview .preview-action.playlist,
html body.prime-public-v086.public-guest .pv-super-focus-playlist,
html body.prime-public-v086.public-guest .course-playlist-action,
html body.prime-public-v086.public-guest [data-preview-playlist]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* v116 — visitante: somente o PLAY fica disponível no hover.
   A playlist (+) não existe antes do login, inclusive nos dois modos de preview. */
html body.prime-public-v086.public-guest .course-hover-preview .course-hover-preview-actions{
  gap:0!important;
}
html body.prime-public-v086.public-guest .course-hover-preview .preview-action.primary{
  display:inline-flex!important;
  width:44px!important;min-width:44px!important;max-width:44px!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;
  border-radius:50%!important;
  background:#f3f4f5!important;color:#121212!important;border-color:#f3f4f5!important;
}
html body.prime-public-v086.public-guest .course-hover-preview .preview-action.primary svg{
  width:20px!important;height:20px!important;fill:currentColor!important;stroke:none!important;
}
html body.prime-public-v086.public-guest .pv-super-focus-playlist,
html body.prime-public-v086.public-guest [data-preview-playlist],
html body.prime-public-v086.public-guest .preview-action.playlist{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
}