html,body{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden;}
.m2-wrap{position:fixed;inset:0;background:#000;}
.video-js{width:100%!important;height:100%!important;background:#000;}
.video-js .vjs-tech{object-fit:contain;}

.m2-overlay{position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;pointer-events:none;z-index:5;display:none;}

/* Controlli piu grandi e leggibili su mobile */
.video-js .vjs-control-bar{height:52px;background:rgba(0,0,0,.65);z-index:10;}
.video-js .vjs-button>.vjs-icon-placeholder:before{font-size:26px;line-height:52px;}
.video-js .vjs-control{width:52px;}
.video-js .vjs-big-play-button{width:84px;height:84px;line-height:84px;
  border-radius:50%;border:0;background:rgba(0,0,0,.6);font-size:40px;
  margin-left:-42px;margin-top:-42px;}

/* Nasconde i controlli inutili per una diretta */
.video-js .vjs-progress-control,
.video-js .vjs-remaining-time,
.video-js .vjs-current-time,
.video-js .vjs-duration,
.video-js .vjs-picture-in-picture-control{display:none;}

/* Pulsante grande centrale visibile ogni volta che il video e in pausa */
.video-js.vjs-paused .vjs-big-play-button{
  display:block!important;
  top:50%!important;left:50%!important;
}

/* Badge LIVE e logo (solo desktop: su mobile coprirebbero i controlli) */
.m2-live{position:absolute;top:14px;right:14px;z-index:8;background:#e00000;
  color:#fff;padding:7px 13px;border-radius:999px;font:800 13px Arial,sans-serif;}
.m2-logo{position:absolute;left:14px;top:14px;z-index:8;background:rgba(0,0,0,.55);
  color:#fff;padding:8px 12px;border-radius:10px;font:900 15px Arial,sans-serif;}
.m2-logo span{color:#2db7ff;}
@media (max-width:900px){.m2-live,.m2-logo{display:none;}}

/* Rifinitura badge desktop */
.m2-live{top:20px;right:24px;padding:8px 16px;font-size:12px;letter-spacing:1px;
  box-shadow:0 2px 10px rgba(0,0,0,.4);}
.m2-logo{top:20px;left:24px;padding:9px 14px;font-size:16px;
  background:rgba(0,0,0,.45);backdrop-filter:blur(6px);
  box-shadow:0 2px 10px rgba(0,0,0,.35);}

/* LIVE in alto a destra, logo in basso a sinistra sopra la barra */
.m2-live{top:12px;right:12px;}
.m2-logo{top:auto;bottom:66px;left:16px;}