/* =========================================================
   PLCC — Bandeau de mise à jour
   ---------------------------------------------------------
   Posé en bas de l'écran, au-dessus de tout, mais jamais
   par-dessus un bouton d'action : il laisse le pouce libre.
   ========================================================= */

.maj-bandeau{
  position:fixed; left:50%; bottom:16px; z-index:9500;
  transform:translate(-50%, 130%);
  width:min(560px, calc(100% - 24px));
  display:flex; align-items:center; gap:1rem; flex-wrap:wrap;
  padding:.9rem 1.1rem;
  background:#0B1B33; color:#F3F6FA;
  border:1px solid rgba(232,135,30,.45);
  border-radius:12px;
  box-shadow:0 14px 40px rgba(3,10,22,.5);
  transition:transform .38s cubic-bezier(.2,.9,.3,1);
}
.maj-bandeau.est-visible{ transform:translate(-50%, 0); }

.maj-bandeau__texte{ flex:1 1 220px; min-width:0; line-height:1.4; }
.maj-bandeau__texte strong{
  display:block; font-family:var(--font-display,"Barlow Condensed",sans-serif);
  font-size:1.02rem; letter-spacing:.01em;
}
.maj-bandeau__texte span{
  display:block; font-size:.82rem; color:rgba(243,246,250,.72); margin-top:.12rem;
}

.maj-bandeau__btns{ display:flex; gap:.5rem; flex:0 0 auto; }

.maj-btn{
  font-family:var(--font-mono,"IBM Plex Mono",monospace);
  font-size:.78rem; letter-spacing:.03em;
  padding:.55rem 1rem; border-radius:100px; cursor:pointer; white-space:nowrap;
  border:1px solid transparent;
}
.maj-btn--ok{ background:#E8871E; color:#0B1B33; font-weight:600; }
.maj-btn--ok:hover{ background:#F09A3C; }
.maj-btn--ok[disabled]{ opacity:.65; cursor:default; }
.maj-btn--plus-tard{
  background:transparent; color:rgba(243,246,250,.8);
  border-color:rgba(243,246,250,.28);
}
.maj-btn--plus-tard:hover{ border-color:rgba(243,246,250,.55); color:#fff; }
.maj-btn:focus-visible{ outline:2px solid #F6D68C; outline-offset:2px; }

@media (max-width:460px){
  .maj-bandeau{ flex-direction:column; align-items:stretch; gap:.7rem; }
  .maj-bandeau__btns{ justify-content:flex-end; }
}

@media (prefers-reduced-motion:reduce){
  .maj-bandeau{ transition:none; }
}