/* MediaHub - player dei canali (0.14.0) */
.mh-pl .mh-player{width:100%;background:#000;border-radius:.5rem}
.mh-pl .mh-video{aspect-ratio:16/9;display:block}
.mh-pl .mh-audio{min-height:3rem;background:transparent;margin-top:.5rem}
/* La radio "si vede": copertina grande con titolo e artista */
.mh-pl-stage{display:flex;align-items:center;gap:1rem;background:#111;color:#fff;border-radius:.5rem;padding:1rem;min-height:9rem}
.mh-pl-stage .mh-pl-cover{width:min(40%,11rem);aspect-ratio:1/1;object-fit:cover;border-radius:.4rem;flex-shrink:0;box-shadow:0 .25rem 1rem rgba(0,0,0,.5)}
.mh-pl-stage .mh-pl-meta{min-width:0}
.mh-pl-stage .mh-pl-line1{font-weight:700;font-size:1.25rem;line-height:1.25;overflow-wrap:anywhere}
.mh-pl-stage .mh-pl-line2{opacity:.85;overflow-wrap:anywhere}
.mh-pl-stage a{color:#9ec5fe}
.mh-pl-viewers:empty{display:none}
.mh-badge-live{animation:mhpulse 1.6s ease-in-out infinite}
@keyframes mhpulse{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.mh-badge-live{animation:none}}
/* Pagina da incorporare: niente margini, il player riempie la cornice */
body.mh-embed{margin:0;padding:.5rem;background:#fff}
body.mh-embed .mh-pl{max-width:100%}
/* 0.15.0: schermo con il riquadro di un'altra inquadratura, PIP */
.mh-pl-screen{position:relative}
.mh-pl-inset{position:absolute;right:2%;bottom:14%;width:32%;z-index:2;border:2px solid #fff;border-radius:.4rem;overflow:hidden;background:#000;box-shadow:0 .25rem 1rem rgba(0,0,0,.6)}
.mh-pl-inset video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.mh-pl-inset-bar{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:.25rem;padding:.15rem .3rem;background:rgba(0,0,0,.55);color:#fff;font-size:.75rem}
.mh-pl-inset-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mh-pl-inset-bar button{background:transparent;border:0;color:#fff;font-size:.9rem;line-height:1;padding:.1rem .3rem;cursor:pointer}
.mh-pl-inset-bar button:focus-visible{outline:2px solid #fff}
/* Scambio: l'inquadratura scelta diventa grande, la diretta va nel riquadro */
.mh-pl-screen.mh-swap .mh-pl-inset{position:relative;right:auto;bottom:auto;width:100%;border:0;border-radius:.5rem}
.mh-pl-screen.mh-swap > .mh-pl-media{position:absolute;right:2%;bottom:14%;width:32%;z-index:3;border:2px solid #fff}
.mh-pl-angles{position:relative}
.mh-pl-angles-list{position:absolute;right:0;bottom:100%;z-index:5;min-width:12rem;max-height:16rem;overflow:auto}
@media (max-width:575.98px){.mh-pl-inset{width:45%;bottom:18%}}

/* Multilingua (0.17): testo dei sottotitoli sotto i player solo audio; menu delle lingue. */
.mh-pl-caption { margin: .4rem 0 0; padding: .4rem .6rem; border-radius: .3rem; background: rgba(0, 0, 0, .78); color: #fff;
  font-size: 1.05rem; line-height: 1.35; text-align: center; white-space: pre-line; }
.mh-pl-sel-audio, .mh-pl-sel-sub { max-width: 14rem; }