/* Bandeau d'annonce — Arye Land · Niki-Touch Group 2026
   ⚠ À RETIRER DU BUILD APPLICATIF (voir app/build-app.sh) : ce bandeau
   annonce l'arrivée sur les stores, il n'a de sens que sur le site web. */

#bandeauApp{
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000;
  display: flex; align-items: center; justify-content: center; gap: 14px;
  padding: 10px 52px calc(10px + env(safe-area-inset-bottom));
  background: linear-gradient(180deg,#2f86d8 0%,#2266b4 100%);
  color: #fff; text-align: center;
  font-family: "Baloo 2", system-ui, -apple-system, "Segoe UI", sans-serif;
  box-shadow: 0 -6px 22px rgba(20,60,120,.28);
  animation: bdMonte .45s ease both;
}
@keyframes bdMonte { from{ transform: translateY(100%) } to{ transform: none } }
#bandeauApp.bd-parti{ animation: bdDescend .35s ease both }
@keyframes bdDescend { to{ transform: translateY(100%) } }

.bd-textes{ display: flex; flex-direction: column; gap: 1px; min-width: 0 }
.bd-titre{ margin: 0; font-size: 15px; font-weight: 800; line-height: 1.25 }
.bd-sous { margin: 0; font-size: 13px; font-weight: 600; opacity: .9; line-height: 1.3 }

.bd-stores{ display: flex; gap: 8px; flex-shrink: 0 }
.bd-store{
  display: inline-flex; align-items: center; gap: 6px;
  font: inherit; font-size: 13.5px; font-weight: 800; text-decoration: none;
  padding: 8px 14px; border-radius: 999px; min-height: 40px;
  background: #fff; color: #1f5fa8; white-space: nowrap;
}

.bd-fermer{
  position: absolute; top: 50%; transform: translateY(-50%);
  inset-inline-end: 10px;
  width: 34px; height: 34px; border-radius: 50%; cursor: pointer;
  border: 0; background: rgba(255,255,255,.18); color: #fff;
  font: inherit; font-size: 19px; line-height: 1;
}
.bd-fermer:hover{ background: rgba(255,255,255,.3) }

/* le bandeau ne doit jamais masquer le bas de la page */
html.bandeau-on body{ padding-bottom: 74px }

@media (max-width: 560px){
  #bandeauApp{ flex-direction: column; gap: 8px; padding-inline: 46px }
  .bd-titre{ font-size: 14px }
  .bd-sous { font-size: 12.5px }
  html.bandeau-on body{ padding-bottom: 104px }
}