/* ERADION_PWA_APK_PLAYER_V1_1 */
#playerView .playerTitle{display:none!important}
#video::-webkit-media-controls{display:none!important}
#video{width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important}

.erp{
  position:absolute;inset:0;z-index:9200;
  display:flex;flex-direction:column;justify-content:space-between;
  color:#fff;pointer-events:none;transition:opacity .2s ease;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.erp.hide{opacity:0}
.erp button,.erp input{pointer-events:auto}

.erp-top{
  padding:max(18px,env(safe-area-inset-top)) 24px 12px 90px;
  background:linear-gradient(#000c,transparent);
  font-weight:700;font-size:18px;min-height:76px
}
.erp-mid{display:flex;justify-content:center;align-items:center;gap:30px}
.erp-r{
  width:66px;height:66px;border-radius:50%;
  border:1px solid #ffffff40;background:#000a;color:#fff;
  font-weight:800;font-size:18px
}
.erp-r.play{width:80px;height:80px;font-size:30px}
.erp-bot{
  padding:14px 24px max(18px,env(safe-area-inset-bottom));
  background:linear-gradient(transparent,#000e)
}
.erp-time{display:flex;align-items:center;gap:10px}
.erp-time span{min-width:48px;text-align:center;font-size:13px}
.erp-time input{flex:1;accent-color:#06a8ff}
.erp-actions{display:flex;gap:10px;margin-top:10px;align-items:center;flex-wrap:wrap}
.erp-tool{
  border:1px solid #ffffff35;background:#071a2dcc;color:#fff;
  border-radius:10px;min-height:42px;padding:8px 13px;font-weight:700
}
.erp-tool:disabled{opacity:.45}
.erp-spacer{flex:1}

.erp-menu{
  position:absolute;right:22px;bottom:74px;z-index:9300;
  min-width:240px;max-width:min(360px,78vw);max-height:58%;
  overflow:auto;background:#061521f7;border:1px solid #ffffff30;
  border-radius:14px;padding:8px;pointer-events:auto
}
.erp-menu[hidden]{display:none!important}
.erp-menu-head{
  display:flex;align-items:center;gap:10px;padding:4px 4px 7px 10px
}
.erp-menu-head b{color:#7fd0ff;flex:1}
.erp-menu-close{
  width:38px;height:38px;border:0!important;border-radius:9px!important;
  background:#ffffff12!important;color:#fff!important;
  font-size:22px!important;text-align:center!important;padding:0!important
}
.erp-menu .erp-track{
  display:block;width:100%;border:0;background:transparent;color:#fff;
  text-align:left;padding:11px 10px;border-radius:8px
}
.erp-menu .erp-track.sel{background:#06a8ff2e;color:#aee4ff}

.erp-status{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:9250;padding:11px 15px;border-radius:12px;
  background:#000b;color:#fff;font-weight:650;pointer-events:none;
  max-width:78%;text-align:center
}
.erp-status[hidden]{display:none!important}
.erp-status.err{background:#44141ae8;border:1px solid #9b3844}

.erp-next{
  position:fixed;inset:0;z-index:25000;background:#000b;
  display:grid;place-items:center;padding:20px
}
.erp-next[hidden]{display:none!important}
.erp-next-card{
  width:min(520px,92vw);background:#071622;color:#fff;
  border:1px solid #ffffff2b;border-radius:18px;padding:22px
}
.erp-next-card h3{margin:0 0 10px}
.erp-next-label{font-weight:750;font-size:17px;white-space:pre-line}
.erp-next-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}
.erp-next-actions button{min-height:44px;border-radius:10px;padding:9px 15px;font-weight:750}
.erp-cancel{background:#0b2233;color:#fff;border:1px solid #315166}
.erp-now{background:#06a8ff;color:#00111c;border:0}

@media(max-width:700px){
  .erp-top{font-size:15px}
  .erp-mid{gap:18px}
  .erp-r{width:58px;height:58px;font-size:16px}
  .erp-r.play{width:70px;height:70px;font-size:27px}
  .erp-tool{font-size:13px;padding:7px 10px}
  .erp-menu{right:12px;bottom:70px}
}

/* ERADION_PWA_APK_PLAYER_V1_2 */
/* Le bouton Retour historique reste fonctionnel en arrière-plan,
   mais n'est plus affiché séparément. */
#playerView .playerBack{
  display:none!important;
}

/* Barre haute plus épurée : Retour + titre dans le même ensemble. */
.erp-top{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:max(10px,env(safe-area-inset-top)) 16px 8px max(14px,env(safe-area-inset-left))!important;
  min-height:54px!important;
  font-size:15px!important;
}

.erp-title{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:650;
  text-shadow:0 1px 4px #000;
}

.erp-back{
  flex:0 0 auto;
  min-height:34px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(0,0,0,.48);
  color:#fff;
  padding:5px 9px;
  font-size:13px;
  font-weight:700;
  line-height:1;
  backdrop-filter:blur(7px);
}

/* Contrôles centraux plus petits. */
.erp-mid{
  gap:16px!important;
}
.erp-r{
  width:48px!important;
  height:48px!important;
  font-size:14px!important;
  border-width:1px!important;
}
.erp-r.play{
  width:58px!important;
  height:58px!important;
  font-size:23px!important;
}

/* Barre basse plus fine. */
.erp-bot{
  padding:8px 16px max(10px,env(safe-area-inset-bottom))!important;
}
.erp-time{
  gap:7px!important;
}
.erp-time span{
  min-width:42px!important;
  font-size:11px!important;
}
.erp-actions{
  gap:6px!important;
  margin-top:6px!important;
}
.erp-tool{
  min-height:34px!important;
  padding:5px 9px!important;
  border-radius:8px!important;
  font-size:12px!important;
}

/* Menus un peu plus compacts également. */
.erp-menu{
  right:14px!important;
  bottom:56px!important;
  min-width:210px!important;
  max-width:min(320px,76vw)!important;
  border-radius:11px!important;
  padding:6px!important;
}
.erp-menu .erp-track{
  padding:9px 8px!important;
  font-size:13px!important;
}
.erp-menu-head{
  padding:3px 3px 5px 8px!important;
  font-size:13px!important;
}
.erp-menu-close{
  width:32px!important;
  height:32px!important;
  font-size:19px!important;
}

@media(max-width:700px){
  .erp-top{
    padding:max(8px,env(safe-area-inset-top)) 12px 6px max(10px,env(safe-area-inset-left))!important;
    min-height:48px!important;
    font-size:13px!important;
  }
  .erp-back{
    min-height:31px!important;
    padding:4px 7px!important;
    font-size:12px!important;
  }
  .erp-mid{
    gap:13px!important;
  }
  .erp-r{
    width:44px!important;
    height:44px!important;
    font-size:13px!important;
  }
  .erp-r.play{
    width:54px!important;
    height:54px!important;
    font-size:21px!important;
  }
  .erp-bot{
    padding:6px 10px max(8px,env(safe-area-inset-bottom))!important;
  }
  .erp-tool{
    min-height:31px!important;
    padding:4px 7px!important;
    font-size:11px!important;
  }
}

/* ERADION_REMOVE_OLD_PLAYER_BACK_V1 */
#playerView .playerBack,
#playerView #playerBack,
.playerView .playerBack,
.playerView #playerBack {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}

#playerView #erpBack,
.playerView #erpBack {
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:relative!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:31px!important;
  padding:4px 8px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.22)!important;
  overflow:visible!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}

/* ERADION_CURSOR_AUTOHIDE_V1 */
/* Le curseur disparaît exactement avec les contrôles du lecteur. */
#playerView.erp-cursor-hidden,
.playerView.erp-cursor-hidden,
#playerView.erp-cursor-hidden *,
.playerView.erp-cursor-hidden * {
  cursor:none!important;
}

/* ERADION_VIDAA_CURSOR_V2 */
/*
   Certains navigateurs VIDAA ignorent cursor:none sur le seul player.
   On applique aussi un curseur GIF 1x1 transparent à html/body/player.
*/
html.erp-vidaa-cursor-hidden,
html.erp-vidaa-cursor-hidden body,
html.erp-vidaa-cursor-hidden body *,
body.erp-vidaa-cursor-hidden,
body.erp-vidaa-cursor-hidden *,
#playerView.erp-cursor-hidden,
#playerView.erp-cursor-hidden *,
.playerView.erp-cursor-hidden,
.playerView.erp-cursor-hidden * {
  cursor:
    url("data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=") 0 0,
    none !important;
}