/* DirectPlayer V10.3.86 — mise à jour PWA + minuteur sommeil */

/* Deux outils dans la dernière colonne du player : minuteur + partage. */
.dp-player-v69 .dp-player-reference-shell{
  grid-template-columns:66px 46px minmax(260px,1fr) 154px 42px 92px!important;
}
.dp-player-v69 .player-tools-wrap{
  width:92px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;position:relative!important;
}
.dp-player-v69 .player-sleep-wrap{position:relative!important;width:42px!important;height:42px!important;flex:0 0 42px!important}
.dp-player-v69 .player-sleep{position:relative!important}
.dp-player-v69 .player-sleep.active{border-color:#b9d0e5!important;background:#edf5fb!important;color:var(--player-blue)!important}
.dp-player-v69 .player-sleep-badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--player-blue);color:#fff;font-size:8px;font-weight:850;line-height:18px;text-align:center;box-shadow:0 2px 8px rgba(33,75,116,.22)}
.dp-player-v69 .player-sleep-badge[hidden]{display:none!important}
.dp-player-v69 .player-sleep-menu{position:absolute;right:0;bottom:54px;width:228px;padding:14px;border:1px solid #dfe6ed;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(21,35,55,.18);color:#172033;z-index:985}
.dp-player-v69 .player-sleep-menu[hidden]{display:none!important}
.dp-player-v69 .player-sleep-menu strong{display:block;margin:0 0 3px;font-size:12px}
.dp-player-v69 .player-sleep-menu small{display:block;margin:0 0 11px;color:#718096;font-size:10px;line-height:1.35}
.dp-player-v69 .player-sleep-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.dp-player-v69 .player-sleep-grid button,.dp-player-v69 .player-sleep-cancel{border:1px solid #e1e7ed;border-radius:9px;background:#fff;color:#24364c;padding:8px 9px;font-size:11px;font-weight:750;cursor:pointer}
.dp-player-v69 .player-sleep-grid button:hover,.dp-player-v69 .player-sleep-grid button.active{background:#edf4fa;color:var(--player-blue);border-color:#cdddea}
.dp-player-v69 .player-sleep-cancel{width:100%;margin-top:8px;color:#667387;background:#f8fafc}

/* Mise à jour PWA : petite bannière, jamais plein écran. */
.dp-pwa-update-banner{position:fixed;z-index:1200;left:50%;bottom:calc(var(--player-h,90px) + 14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(620px,calc(100vw - 24px));display:flex;align-items:center;gap:12px;padding:11px 12px 11px 14px;border:1px solid #d8e4ef;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 12px 34px rgba(25,50,78,.14);backdrop-filter:blur(12px);color:#172033}
.dp-pwa-update-banner[hidden]{display:none!important}
.dp-pwa-update-copy{min-width:0;flex:1;font-size:12px;font-weight:720;line-height:1.35}
.dp-pwa-update-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.dp-pwa-update-refresh,.dp-pwa-update-later{border-radius:9px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}
.dp-pwa-update-refresh{border:1px solid #2b5f91;background:#2b5f91;color:#fff}
.dp-pwa-update-later{border:1px solid #dfe6ed;background:#fff;color:#52657b}
.dp-pwa-update-refresh:hover{background:#214b74}.dp-pwa-update-later:hover{background:#f5f8fb}

@media(max-width:980px){
  .dp-player-v69 .dp-player-reference-shell{grid-template-columns:58px 44px minmax(190px,1fr) 118px 40px 88px!important;gap:10px!important}
  .dp-player-v69 .player-tools-wrap{width:88px!important;height:40px!important;gap:8px!important}
  .dp-player-v69 .player-sleep-wrap{width:40px!important;height:40px!important;flex-basis:40px!important}
}
@media(max-width:720px){
  .dp-player-v69 .dp-player-reference-shell{grid-template-columns:50px 40px minmax(0,1fr) 80px!important;gap:7px!important}
  .dp-player-v69[data-kind="podcast"] .dp-player-reference-shell{grid-template-columns:46px 38px minmax(0,1fr) 76px!important;gap:6px!important}
  .dp-player-v69 .player-tools-wrap{width:80px!important;height:38px!important;gap:5px!important}
  .dp-player-v69[data-kind="podcast"] .player-tools-wrap{width:76px!important;height:36px!important}
  .dp-player-v69 .player-sleep-wrap{width:38px!important;height:38px!important;flex-basis:38px!important}
  .dp-player-v69[data-kind="podcast"] .player-sleep-wrap{width:36px!important;height:36px!important;flex-basis:36px!important}
  .dp-player-v69 .player-sleep-menu{position:fixed;left:10px;right:10px;bottom:calc(var(--player-h,78px) + 8px + env(safe-area-inset-bottom,0px));width:auto}
  .dp-pwa-update-banner{bottom:calc(var(--player-h,78px) + 10px + env(safe-area-inset-bottom,0px));gap:8px;padding:10px 10px 10px 12px}
  .dp-pwa-update-copy{font-size:11px}.dp-pwa-update-refresh,.dp-pwa-update-later{padding:7px 8px;font-size:10px}
}
@media(max-width:420px){
  .dp-pwa-update-banner{align-items:flex-start;flex-wrap:wrap}.dp-pwa-update-actions{width:100%;justify-content:flex-end}
}