/* Contact rapide : barre d'action fixe sur téléphone (Appeler · WhatsApp · Devis) et lien vers l'assistant de demande de devis */
.qbar { display: none; }
@media (max-width: 860px) {
  .qbar { position: fixed; inset: auto 0 0; z-index: 45; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr); gap: .45rem; container-type: inline-size;
    padding: .5rem .6rem calc(.5rem + env(safe-area-inset-bottom)); background: rgba(11, 13, 34, .94); border-top: 1px solid rgba(224, 153, 92, .3);
    -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 -10px 30px -12px rgba(11, 13, 34, .5); }
  .qbar a { display: flex; align-items: center; justify-content: center; gap: .45rem; min-height: 46px; padding: .4rem .5rem; border-radius: 12px;
    color: #eceaff; text-decoration: none; font-weight: 650; font-size: .92rem; border: 1px solid rgba(201, 198, 244, .22); background: rgba(255, 255, 255, .04); }
  .qbar a.q-main { background: var(--copper-btn); border-color: var(--copper-btn); color: #fff; }
  .qbar svg { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .qbar a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
  .qbar span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  body { padding-bottom: calc(66px + env(safe-area-inset-bottom)); }
  .top.open ~ .qbar { display: none; }
}
/* Pas assez de place pour les libellés (texte agrandi, écran étroit) : icônes seules, le libellé reste lu par les lecteurs d'écran */
@container (max-width: 19.5rem) {
  .qbar span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .qbar svg { width: 1.6rem; height: 1.6rem; }
}
@media print { .qbar { display: none !important; } body { padding-bottom: 0; } }

.guided { margin: 1.2rem 0 0; }
.guided a { display: inline-flex; align-items: center; gap: .45rem; font-weight: 650; color: var(--copper-ink); text-decoration: underline; text-underline-offset: .2em; }
.final .guided a, .sec.final .guided a { color: var(--copper-l); }
.guided svg { width: 1.1em; height: 1.1em; flex: none; }
[dir="rtl"] .guided svg { transform: scaleX(-1); }