/* HorecaPodcast · ♡ Preferiti e «Ascolta più tardi» (modules/SiteEpisodes · Support\Later)
 * .hp-ea      pulsanti della puntata (card, pagina puntata, ricerca, home)
 * .hp-ea-dock pulsanti nel player in basso
 * .hp-lt-*    elenchi dell'area account (Preferiti, Ascolta più tardi, «Da ascoltare» in Panoramica) */

.hp-ea{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-width:0}
.hp-ea__b{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 16px;border-radius:22px;border:1px solid #c9cfdc;background:#fff;color:#1E305A;font:700 13px/1 Montserrat,system-ui,sans-serif;letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
.hp-ea__b:hover{border-color:#1E305A;box-shadow:0 0 0 3px rgba(30,48,90,.08)}
.hp-ea__b:focus-visible{outline:3px solid #CA0000;outline-offset:2px}
.hp-ea__b[disabled]{opacity:.6;cursor:progress}
.hp-ea__i{flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hp-ea__on,.hp-ea__ck{display:none}
.hp-ea__b.is-on .hp-ea__on{display:inline}
.hp-ea__b.is-on .hp-ea__off,.hp-ea__b.is-on .hp-ea__hands{display:none}
.hp-ea__b.is-on .hp-ea__ck{display:inline}
/* stato attivo: pieno e ben visibile */
.hp-ea__fav.is-on{background:#CA0000;border-color:#CA0000;color:#fff}
.hp-ea__fav.is-on .hp-ea__i{fill:currentColor}
.hp-ea__later.is-on{background:#1E305A;border-color:#1E305A;color:#fff}
.hp-ea__b.is-pop .hp-ea__i{animation:hpEaPop .35s ease}
@keyframes hpEaPop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.hp-ea__b.is-pop .hp-ea__i{animation:none}}
/* compatto (card): cuore tondo solo icona + pillola «Ascolta più tardi» */
.hp-ea.is-sm{gap:6px;flex-wrap:nowrap}
.hp-ea.is-sm .hp-ea__b{height:40px;padding:0 13px;font-size:12px}
.hp-ea.is-sm .hp-ea__fav{width:40px;padding:0;flex:none}
.hp-ea.is-sm .hp-ea__later{min-width:0;flex:0 1 auto}
.hp-ea.is-sm .hp-ea__t{overflow:hidden;text-overflow:ellipsis}
/* su fondo scuro (testata della puntata) */
.hp-ea.is-dark .hp-ea__b{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.hp-ea.is-dark .hp-ea__b:hover{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.hp-ea.is-dark .hp-ea__fav.is-on{background:#fff;border-color:#fff;color:#CA0000}
.hp-ea.is-dark .hp-ea__later.is-on{background:#fff;border-color:#fff;color:#1E305A}

/* player in basso: due icone accanto a «Chiudi» */
.hp-ea-dock{display:inline-flex;gap:4px;align-items:center}
.hp-ea-dock .hp-ea__b{width:36px;height:36px;padding:0;border-radius:18px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff}
.hp-ea-dock .hp-ea__b:hover{background:rgba(255,255,255,.12);box-shadow:none}
.hp-ea-dock .hp-ea__fav.is-on{background:#fff;border-color:#fff;color:#CA0000}
.hp-ea-dock .hp-ea__later.is-on{background:#fff;border-color:#fff;color:#1E305A}
.hp-ea-dock .hp-ea__t{display:none}
.hp-ea-dock[hidden]{display:none}

/* ------------------------------------------------------------ area account */
.hp-lt{display:flex;flex-direction:column;gap:14px}
.hp-lt-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.hp-lt-bar__l{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hp-lt-sort{display:inline-flex;border:1px solid #d9dce4;border-radius:20px;overflow:hidden;background:#fff}
.hp-lt-sort button{height:38px;padding:0 14px;border:0;background:transparent;color:#1E305A;font:700 12px Montserrat,system-ui,sans-serif;cursor:pointer}
.hp-lt-sort button[aria-pressed="true"]{background:#1E305A;color:#fff}
.hp-lt-keep{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:#4a4f5c;background:#f3f4f7;border-radius:8px;padding:10px 12px}
.hp-lt-keep input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:#1E305A}
.hp-lt-keep b{color:#111}
.hp-lt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.hp-lt-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:center;background:#fff;border:1px solid #d9dce4;border-radius:10px;padding:10px;transition:opacity .25s,transform .25s}
.hp-lt-item.is-gone{opacity:0;transform:translateX(24px)}
.hp-lt-cv{position:relative;width:76px;aspect-ratio:1;border-radius:8px;overflow:hidden;background:repeating-linear-gradient(135deg,#2a3d6b 0 12px,#25375f 12px 24px);display:grid;place-items:center;color:#fff;text-decoration:none}
.hp-lt-cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hp-lt-cv b{font:800 17px/1 'Roboto Condensed',sans-serif;letter-spacing:.03em;color:#fff}
.hp-lt-cv i{position:absolute;left:5px;bottom:5px;font:700 9px Montserrat,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;background:#CA0000;color:#fff;border-radius:3px;padding:2px 5px}
.hp-lt-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.hp-lt-tx a{color:#111;text-decoration:none;font:800 17px/1.15 'Roboto Condensed',sans-serif;text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hp-lt-tx a:hover{color:#CA0000}
.hp-lt-meta{font:600 12px Montserrat,system-ui,sans-serif;color:#4a4f5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-lt-prog{display:flex;align-items:center;gap:8px;font:600 11px Montserrat,system-ui,sans-serif;color:#4a4f5c}
.hp-lt-prog span{flex:1;max-width:220px;height:5px;border-radius:3px;background:#e4e7ee;overflow:hidden}
.hp-lt-prog span i{display:block;height:100%;background:#CA0000;border-radius:3px}
.hp-lt-prog.is-done{color:#1d7f46}
.hp-lt-prog.is-done span i{background:#1d7f46}
.hp-lt-acts{display:flex;gap:8px;align-items:center}
.hp-lt-play{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;border-radius:21px;border:0;background:#CA0000;color:#fff;font:700 13px Montserrat,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.hp-lt-play:hover{background:#a80000}
.hp-lt-play svg{fill:currentColor}
.hp-lt-rm{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 14px;border-radius:21px;border:1px solid #d9dce4;background:#fff;color:#4a4f5c;font:700 13px Montserrat,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.hp-lt-rm:hover{border-color:#b3261e;color:#b3261e}
.hp-lt-rm svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.hp-lt-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:34px 18px;border:2px dashed #d9dce4;border-radius:12px;background:#fafbfc}
.hp-lt-empty__ic{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#1E305A;color:#fff}
.hp-lt-empty__ic.is-red{background:#CA0000}
.hp-lt-empty__ic svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hp-lt-empty b{font:800 22px/1.1 'Roboto Condensed',sans-serif;text-transform:uppercase}
.hp-lt-empty p{margin:0;max-width:44ch;color:#4a4f5c;line-height:1.5}
.hp-lt-count{font:700 12px Montserrat,system-ui,sans-serif;color:#4a4f5c}
/* riquadro «Da ascoltare» della Panoramica */
.hp-lt-box{border:1px solid #d9dce4;border-top:4px solid #1E305A;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px;background:#fff}
.hp-lt-box__h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.hp-lt-box__h b{font:800 22px 'Roboto Condensed',sans-serif;text-transform:uppercase}
.hp-lt-box__h a{font:700 12px Montserrat,system-ui,sans-serif;letter-spacing:.04em;white-space:nowrap}
.hp-lt-box .hp-lt-item{grid-template-columns:56px minmax(0,1fr) auto;padding:8px;border-color:#eceef2}
.hp-lt-box .hp-lt-cv{width:56px}
.hp-lt-box .hp-lt-cv b{font-size:13px}
.hp-lt-box .hp-lt-tx a{font-size:15px}
/* telefono: come un'app — copertina e testo in alto, azioni a tutta larghezza sotto */
@media (max-width:600px){
  .hp-lt-item{grid-template-columns:64px minmax(0,1fr);gap:10px 12px}
  .hp-lt-cv{width:64px}
  .hp-lt-acts{grid-column:1 / -1}
  .hp-lt-acts .hp-lt-play{flex:1;justify-content:center}
  .hp-lt-box .hp-lt-item{grid-template-columns:52px minmax(0,1fr) auto}
  .hp-lt-box .hp-lt-cv{width:52px}
  .hp-lt-box .hp-lt-acts{grid-column:auto}
  .hp-lt-box .hp-lt-acts .hp-lt-play{flex:none;width:42px;padding:0;justify-content:center}
  .hp-lt-box .hp-lt-play .hp-lt-play__t{display:none}
  .hp-lt-bar{align-items:stretch}
  .hp-lt-bar__l{width:100%}
  .hp-lt-bar__l .hp-lt-play{flex:1;justify-content:center}
}
/* telefono stretto: nel player in basso resta solo l'orologio, così il titolo della puntata ha spazio */
@container (max-width:440px){.hp-ea-dock .hp-ea__fav{display:none}.hp-ea-dock .hp-ea__b{width:34px;height:34px}}