/* MAIS TUNER 24.88 — página de programa do RadioGuide (padrão NRK), correções
   - ícone de tocar: era o caractere "›" (ficava torto, pequeno e fora do centro); agora é o triângulo de play
   - capa do cartão: quadrada (antes esticava na altura do texto e cortava a arte, ex.: o "npr" da Short Wave)
   - fundo do topo: as artes são quadradas; esticar em 16:9 dava um recorte enorme e borrado.
     Agora é a própria arte desfocada, como ambiente, e o cartão fica por cima
   - "Ouvir episódio mais recente" + data em duas linhas (antes grudava: "recente16 de outubro")
   - ações em grupo: tocar à esquerda; mensagem, seguir e compartilhar juntos à direita */

/* ícone de tocar */
.rg-series-live .rg-series-play-ico,.rg-series-live span:first-child{font-size:0!important}
.rg-series-live .rg-series-play-ico svg{width:22px;height:22px;fill:currentColor;margin-left:3px}
.rg-nrk-program-action::before{content:''!important;
  background:#8bb9ef url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23061b32' d='M8 5v14l11-7z'/%3E%3C/svg%3E") 56% 50%/22px no-repeat!important}
.rg-nrk-program-action.is-replay::before{display:none!important}

/* textos das ações: título e linha de apoio sempre em duas linhas */
.rg-nrk-program-action .rg-series-action-copy{display:grid!important;gap:2px;text-align:left}
.rg-nrk-program-action .rg-series-action-copy small{display:block;color:#b9c8da;font-size:12.5px;font-weight:600}
.rg-series-live>span:last-child small{margin-top:2px}

@media (min-width:900px){
  /* cartão: capa quadrada no topo, sem esticar */
  .rg-series-topcard{align-items:flex-start}
  .rg-series-topcard .rg-series-hero-media{flex:0 0 220px!important;width:220px!important;height:220px!important;aspect-ratio:1!important}
  .rg-series-topcard .rg-series-hero-media .rg-nrk-program-media,.rg-series-topcard .rg-series-hero-media img{width:100%;height:100%;object-fit:cover}
  .rg-series-topcard{min-height:220px}
  /* fundo: arte desfocada (ambiente), sem recorte gigante */
  .rg-series-hero-backdrop{aspect-ratio:16/6!important;background:#0b1d36}
  .rg-series-hero-backdrop .rg-nrk-program-media>img{filter:blur(42px) saturate(1.25) brightness(.62)!important;transform:scale(1.25)}
  .rg-series-hero-backdrop::after{background:linear-gradient(180deg,rgba(5,20,39,.05) 0%,rgba(8,31,58,.55) 100%)!important}
  .rg-series-topcard{margin-top:clamp(-210px,-13vw,-150px)!important}
  /* ações: tocar à esquerda, o resto agrupado à direita */
  .rg-series-hero-actions{flex-wrap:wrap!important;row-gap:12px!important;align-items:center}
  .rg-series-hero-actions .rg-series-submit{margin-left:auto}
  .rg-series-hero-actions .rg-series-follow{margin-left:0!important}
  .rg-series-live,.rg-nrk-program-action{white-space:nowrap}
}
@media (max-width:899px){
  /* celular: a arte quadrada inteira, sem cortar o logo do programa */
  .rg-series-topcard .rg-series-hero-media{aspect-ratio:1/1!important;max-height:min(92vw,420px)}
  .rg-series-hero-actions{flex-wrap:wrap!important;row-gap:12px}
  .rg-series-live,.rg-nrk-program-action{flex:1 1 calc(50% - 8px)}
}