/* MAIS TUNER 24.93 — página do programa e player de podcast redesenhados (podcasts-2026.mjs, "pp-").
   Celular e app (até 760 px): ações logo abaixo do título, episódios antes da grade, linhas limpas
   e o player preso embaixo, que abre em tela cheia. No computador o player também vai para o pé
   do cartão. Fica antes do user-2026.css. */

/* ---------------------------------------------------------------- comum (todas as larguras) */
.podcast-detail-overlay.pp-v3 .pp-dock{position:sticky;bottom:0;z-index:6;display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));
  background:rgba(7,22,42,.94);border-top:1px solid rgba(160,190,240,.14);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);font-family:'NRK Sans','Reddit Sans',sans-serif}
.podcast-detail-overlay.pp-v3 .pp-dock[hidden]{display:none!important}
.podcast-detail-overlay.pp-v3 .pp-dock::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:var(--pp-p,0%);background:#5fffc0;transition:width .3s linear}
.pp-full-top{display:none}
.pp-open{position:absolute;inset:0 132px 0 0;z-index:1;border:0;background:transparent;cursor:pointer}
/* mini player: capa, título e play; a linha do tempo só na tela cheia */
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-player{grid-template-columns:48px minmax(0,1fr) auto!important;gap:12px!important;padding:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-art{width:48px!important;height:48px!important;border-radius:10px!important}
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-copy small{display:none!important}
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-copy strong{display:block;font-size:14.5px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-copy span{display:block;font-size:12px!important;color:#9db0cc!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-controls{position:relative;z-index:2;display:flex;align-items:center;gap:6px;grid-column:auto!important;grid-row:1!important;padding-top:0!important;border-top:0!important}
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-art,html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-copy{grid-row:1!important}
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-skip{display:none!important}
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-play{display:grid!important;place-items:center;width:46px!important;height:46px!important;min-width:46px;border:0!important;border-radius:50%!important;background:#ff0033!important;color:#fff!important;font-size:0!important;box-shadow:0 8px 18px -8px rgba(255,0,51,.8)}
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-play::before{content:"";width:0;height:0;margin-left:4px;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #fff}
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-play.playing::before{width:14px;height:17px;margin:0;border:0;border-left:5px solid #fff;border-right:5px solid #fff}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-play::before{border-width:13px 0 13px 20px;margin-left:6px}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-play.playing::before{width:20px;height:24px;margin:0;border-width:0;border-left:7px solid #fff;border-right:7px solid #fff}
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-timeline{display:none!important}

/* tela cheia */
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full{position:fixed;inset:0;z-index:1400;display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:calc(10px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));
  border:0;background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--pod-brand-solid,#1d4d86) 70%,transparent),transparent 70%),#06162a;overflow:auto}
.pp-dock.is-full::before{display:none}
.pp-dock.is-full .pp-open{display:none}
.pp-dock.is-full .pp-full-top{display:grid;grid-template-columns:44px 1fr 64px;align-items:center;margin-bottom:18px}
.pp-full-top small{text-align:center;font-size:11.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#9db0cc}
.pp-ico{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;cursor:pointer}
.pp-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pp-speed{justify-self:end;min-width:56px;height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font:900 14px 'NRK Sans','Reddit Sans',sans-serif;cursor:pointer;font-variant-numeric:tabular-nums}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-player{display:contents!important}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .pp-full-top{order:0}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-art{order:1}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-copy{order:2;margin-top:22px}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-art{width:min(78vw,340px)!important;height:auto!important;aspect-ratio:1;align-self:center;border-radius:22px!important;box-shadow:0 30px 60px -24px rgba(0,0,0,.9)}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-copy{text-align:left}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-copy small{display:block!important;margin-bottom:4px;font-size:12px!important;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#5fffc0!important}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-copy strong{font-size:21px!important;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-copy span{margin-top:4px;font-size:13.5px!important}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-timeline{display:grid!important;order:3;grid-template-columns:48px minmax(0,1fr) 48px;margin:22px 0 6px!important}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-timeline span{font-size:12.5px!important;color:#9db0cc;font-variant-numeric:tabular-nums}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-timeline input{accent-color:#5fffc0;width:100%}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-controls{justify-content:center;gap:26px;order:4;margin-top:12px}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-skip{display:grid!important;place-items:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.18)!important;border-radius:50%!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font:900 15px 'NRK Sans','Reddit Sans',sans-serif!important}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-play{width:76px!important;height:76px!important}
html.pp-lock,html.pp-lock body{overflow:hidden}

/* ---------------------------------------------------------------- celular e app */
@media (max-width:760px){
  /* o rodapé fixo antigo sai: as ações vão para baixo do título */
  html body .podcast-detail-overlay.pp-v3 .podcast-actions{display:none!important}
  html body .podcast-detail-overlay.pp-v3 .podcast-detail-copy{display:flex;flex-direction:column;padding-bottom:28px!important}
  html body .podcast-detail-overlay.pp-v3 .podcast-detail-copy > *{order:1}
  html body .podcast-detail-overlay.pp-v3 .podcast-detail-copy > .pp-acts{order:2}
  html body .podcast-detail-overlay.pp-v3 .podcast-detail-copy > .podcast-episode-base{order:3}
  html body .podcast-detail-overlay.pp-v3 .podcast-detail-copy > .podcast-schedule{order:4}
  html body .podcast-detail-overlay.pp-v3 .podcast-detail-copy > .podcast-availability{order:5}
  /* topo: capa centralizada e um pouco menor; voltar sem invadir a capa */
  html body .podcast-detail-overlay.pp-v3 .podcast-detail-visual{padding:calc(env(safe-area-inset-top) + 62px) 0 30px!important}
  html body .podcast-detail-overlay.pp-v3 .podcast-detail-visual img#podcastDetailImage,
  html body .podcast-detail-overlay.pp-v3 .podcast-detail-visual .pod-fallback{width:min(56vw,220px)!important;object-fit:cover!important;background:none!important;padding:0!important}
  html body .podcast-detail-overlay.pp-v3 .podcast-detail-close{background:rgba(6,22,42,.72)!important;border:1px solid rgba(255,255,255,.2)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  html body .podcast-detail-overlay.pp-v3 .podcast-detail-copy h2{font-size:clamp(26px,7.6vw,34px)!important;margin:10px 0 8px!important}
  /* ações */
  .pp-acts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
  .pp-acts > *{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:999px;font:850 15px 'NRK Sans','Reddit Sans',sans-serif;text-decoration:none;cursor:pointer}
  .pp-acts svg{width:20px;height:20px;flex:none}
  .pp-main{flex:1 1 100%;border:0;background:#ff0033;color:#fff;box-shadow:0 12px 24px -12px rgba(255,0,51,.8)}
  .pp-main svg{fill:#fff}
  .pp-sec{flex:1 1 0;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff}
  .pp-sec svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  /* episódios: linhas limpas */
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-base{margin:20px 0 6px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-head{margin:0 0 6px!important}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-head strong{font-size:20px!important}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-head span{display:none!important}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-list{gap:0!important}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-item{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;align-items:center;gap:14px!important;min-height:72px;padding:12px 2px!important;border:0!important;border-bottom:1px solid rgba(160,190,240,.12)!important;border-radius:0!important;background:none!important;text-align:left}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-item > img,
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-item > .pod-fallback{display:none!important}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-item-copy strong{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15.5px!important;line-height:1.3!important;color:#fff;white-space:normal!important}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-item-copy span{display:block;margin-top:4px;font-size:12.5px!important;color:#9db0cc!important}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-item > i{display:grid!important;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);border-radius:50%;font-size:0!important;font-style:normal}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-item > i::before{content:"";width:0;height:0;margin-left:3px;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-item.active{border-left:0!important;box-shadow:none!important}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-item.active > i{border-color:#5fffc0;background:rgba(95,255,192,.12)}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-item.pp-playing > i::before{width:11px;height:13px;margin:0;border:0;border-left:4px solid #5fffc0;border-right:4px solid #5fffc0}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-item.active .podcast-episode-item-copy strong{color:#5fffc0}
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-item .pod-ep-bar{left:2px;right:60px;bottom:6px}
  /* o player saiu do meio da página: o bloco de episódios fica só com a lista */
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-base > .podcast-native-player,
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-base > .podcast-native-timeline{display:none!important}
  html body .podcast-detail-overlay.pp-v3 .podcast-schedule{margin-top:24px!important}
  html body .podcast-detail-overlay.pp-v3 .pp-dock{margin:0 -0px}
}
/* app: o mini player fica acima da barra de abas */
html.mt-app body .podcast-detail-overlay.pp-v3 .pp-dock:not(.is-full){padding-bottom:calc(8px + env(safe-area-inset-bottom))}

/* ---------------------------------------------------------------- tema claro */
html[data-site-theme="light"] body .podcast-detail-overlay.pp-v3 .pp-dock:not(.is-full){background:rgba(255,255,255,.95);border-top-color:rgba(9,37,65,.12)}
html[data-site-theme="light"] body .podcast-detail-overlay.pp-v3 .pp-dock:not(.is-full) .podcast-native-copy strong{color:#0b2240}
html[data-site-theme="light"] body .podcast-detail-overlay.pp-v3 .pp-dock:not(.is-full) .podcast-native-copy span{color:#55708f!important}
@media (prefers-reduced-motion:reduce){.podcast-detail-overlay.pp-v3 .pp-dock::before{transition:none}}
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-player{border:0!important;outline:0!important}

/* ajustes finos */
html body .podcast-detail-overlay.pp-v3 .podcast-native-play{padding:0!important;line-height:0!important}
@media (max-width:760px){
  html body .podcast-detail-overlay.pp-v3 .podcast-episode-item > i{background:transparent!important;color:transparent!important;box-shadow:none!important}
}
html body .podcast-detail-overlay.pp-v3 .pp-dock.is-full .podcast-native-timeline input[type="range"]{-webkit-appearance:none;appearance:none;height:22px;margin:0;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer}
.pp-dock.is-full input[type="range"]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,#5fffc0 var(--pp-p,0%),rgba(255,255,255,.18) var(--pp-p,0%))}
.pp-dock.is-full input[type="range"]::-moz-range-track{height:6px;border-radius:6px;background:rgba(255,255,255,.18)}
.pp-dock.is-full input[type="range"]::-moz-range-progress{height:6px;border-radius:6px;background:#5fffc0}
.pp-dock.is-full input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5)}
.pp-dock.is-full input[type="range"]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#fff}
/* a página do programa é escura nos dois temas: títulos sempre claros */
html[data-site-theme="light"] body .podcast-detail-overlay.pp-v3 .podcast-detail-copy :is(h2,.podcast-episode-head strong,.podcast-schedule-head strong){color:#fff!important}
/* 24.93: o ícone desenhado fica sempre no centro (o texto do runtime, ▶/❚❚, ocupava uma linha da grade e empurrava o ícone para cima) */
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-play,
html body .podcast-detail-overlay.pp-v3 .podcast-episode-item > i{position:relative!important;overflow:hidden}
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-play::before,
html body .podcast-detail-overlay.pp-v3 .podcast-episode-item > i::before{position:absolute!important;left:50%;top:50%;margin:0!important;transform:translate(-38%,-50%)}
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-play.playing::before,
html body .podcast-detail-overlay.pp-v3 .podcast-episode-item.pp-playing > i::before{transform:translate(-50%,-50%)}

/* 24.105 — player de podcasts no padrão NRK: play/pause azul, sem círculo duplicado */
html body .podcast-detail-overlay.pp-v3 .pp-dock .podcast-native-play{background:#0a64ff!important;box-shadow:0 8px 18px -8px rgba(10,100,255,.85)!important}
html body .podcast-detail-overlay.pp-v3 .podcast-episode-item > i{background:#0a64ff!important;border-color:#0a64ff!important}
html body .podcast-detail-overlay.pp-v3 .podcast-episode-item > i::before{border-left-color:#fff}
html body .podcast-detail-overlay.pp-v3 .podcast-episode-item.active > i{background:#0a64ff!important;border-color:#fff!important}
html body .podcast-detail-overlay.pp-v3 .podcast-episode-item.pp-playing > i::before{border-left-color:#fff;border-right-color:#fff}
html body .podcast-detail-overlay.pp-v3 .podcast-episode-item.active .podcast-episode-item-copy strong{color:#fff}
html body .podcast-detail-overlay.pp-v3 .podcast-episode-item > u.pod-ep-bar{display:block;left:2px;right:62px;bottom:6px}
@media (min-width:761px){
  html body .podcast-detail-overlay.pp-v3 .pp-dock:not(.is-full){max-width:760px;margin:0 auto;border-radius:18px 18px 0 0}
}