/* Version web de la démo (www.gearline.fr/demo/reponse-2-minutes/) : bandeau, liens vers le site.
   Ajoutée par outils/exporter-web.js ; la version locale (server.js) ne charge pas ce fichier. */

.app { grid-template-rows: auto auto auto minmax(0, 1fr); }
.masquer-web { display: none !important; }

/* ---------- Bandeau « démonstration » + liens vers le site ---------- */
.bandeau-web { display: flex; align-items: center; flex-wrap: wrap; gap: 0.3rem 1.1rem; background: var(--blanc); border: 1px solid var(--ligne); border-radius: 0.7rem; padding: 0.3rem 0.45rem 0.3rem 0.75rem; font-size: 0.8rem; color: var(--ardoise); box-shadow: var(--ombre); }
.bandeau-web a { color: var(--bleu-fonce); font-weight: 700; text-decoration: none; white-space: nowrap; }
.bandeau-web a:hover { text-decoration: underline; }
.bw-retour { padding-right: 1.1rem; border-right: 1px solid var(--ligne); }
.bw-mention { flex: 1 1 18rem; min-width: 0; }
.bw-mention strong { color: var(--encre); }
.bw-cta { display: inline-flex; align-items: center; gap: 0.55rem; white-space: nowrap; }
.bandeau-web a.bw-bouton { background: var(--bleu); color: var(--blanc); padding: 0.26rem 0.8rem; border-radius: 99px; }
.bandeau-web a.bw-bouton:hover { background: var(--bleu-fonce); text-decoration: none; }
.bandeau-web button.bw-visite { border: 0; background: var(--menthe-pale); color: var(--menthe-texte); font: inherit; font-weight: 700; padding: 0.26rem 0.8rem; border-radius: 99px; white-space: nowrap; }
.bandeau-web button.bw-visite:hover { background: var(--menthe); color: var(--encre); }
.logo-lien { display: flex; flex: none; }
h1.pack { margin: 0; font-size: 1.08rem; }

/* ---------- Sans JavaScript ---------- */
.sans-js { position: fixed; inset: auto 1rem 1rem; z-index: 99; margin: 0; background: var(--encre); color: var(--blanc); padding: 0.8rem 1rem; border-radius: 0.8rem; font-size: 0.95rem; }
.sans-js a { color: var(--menthe); }

@media (max-width: 1000px) {
  .app { grid-template-rows: auto auto auto auto; }
}
@media (max-width: 760px) {
  .bw-retour { border-right: 0; padding-right: 0; }
  .bw-cta { white-space: normal; flex-wrap: wrap; }
  .bandeau-web button.bw-visite { display: none; }
}