/* page de commande : choix de l'offre, puis barre de l'offre choisie au-dessus du questionnaire */
/* le sommaire du questionnaire, lui aussi fixe, se place sous la barre de l'offre */
body.offre-barre .q-nav{top:calc(var(--entete,64px) + var(--barre-offre,58px) + 12px)}
.suivi-cible{box-shadow:0 0 0 3px #FFC53D;border-radius:10px;transition:box-shadow .3s}
.offre-suite{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:18px 0 0}.offre-suite span{font-size:.9rem;color:var(--ink-2)}
.offre-choisie{position:sticky;top:var(--entete,64px);z-index:15;display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin:18px 0 0;padding:10px 16px;
  background:var(--card);border:1px solid var(--rule);border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.06);font-family:"Bricolage Grotesque",sans-serif}
.offre-choisie .oc-libelle{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);font-weight:700}
.offre-choisie b{font-size:1rem}.offre-choisie .oc-prix{font-weight:800;color:var(--green-deep)}
.offre-choisie .oc-changer{margin-left:auto;border:1.5px solid var(--rule);background:none;border-radius:20px;padding:5px 14px;font:inherit;font-size:.88rem;font-weight:600;color:var(--green-deep);cursor:pointer}
.offre-choisie .oc-changer:hover{border-color:var(--green-deep)}
.offre-choisie.dans-entete{position:static;margin:0;padding:0;border:0;background:none;box-shadow:none;flex-wrap:nowrap;gap:10px;min-width:0;justify-content:flex-end}
.offre-choisie.dans-entete b{max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}
.offre-choisie.dans-entete .oc-pour{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:24ch}
.offre-choisie.dans-entete .oc-changer{margin-left:4px;padding:4px 12px}
.offre-choisie.dans-entete .oc-prix{white-space:nowrap}
.offre-choisie .oc-court{display:none}
.oc-nom-texte{white-space:nowrap}#oc-nom.defile .oc-nom-texte{display:inline-block}
@keyframes ocDefile{0%,18%{transform:translateX(0)}82%,100%{transform:translateX(var(--decalage,0))}}
#oc-nom.defile{text-overflow:clip;cursor:pointer}
#oc-nom.defile .oc-nom-texte{animation:ocDefile var(--duree,8s) ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){#oc-nom.defile{text-overflow:ellipsis}#oc-nom.defile .oc-nom-texte{animation:none;display:inline}}
#etape-entete{display:none}
@media(max-width:760px){
  /* le rappel : une barre sous l'en-tête ; l'étape : dans l'en-tête, avec son menu déroulant */
  .offre-choisie.barre-mobile{position:sticky;top:var(--entete,64px);z-index:18;margin:0;border-radius:0;border-left:0;border-right:0;border-top:0;padding:8px 16px;gap:8px;flex-wrap:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.05)}
  .offre-choisie.barre-mobile .oc-libelle{display:none}.offre-choisie.barre-mobile b{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .offre-choisie.barre-mobile .oc-prix{white-space:nowrap}.offre-choisie .oc-long{display:none}.offre-choisie .oc-court{display:inline;white-space:nowrap}
  .offre-choisie.barre-mobile .oc-pour{font-size:.8rem}.offre-choisie.barre-mobile .oc-changer{padding:3px 10px;font-size:.8rem;flex-shrink:0}
  body.etape-formulaire #etape-entete:not([hidden]){display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--rule);background:var(--card);border-radius:20px;padding:6px 12px;font:inherit;font-family:"Bricolage Grotesque",sans-serif;font-size:.86rem;font-weight:700;color:var(--green-deep);cursor:pointer;white-space:nowrap}
  body.etape-formulaire #etape-entete::after{content:"▾";font-size:.8rem}body.etapes-ouvertes #etape-entete::after{content:"▴"}
  body.etape-formulaire .q-nav{display:none}
  body.etape-formulaire.etapes-ouvertes .q-nav{display:block;position:fixed;left:12px;right:12px;top:calc(var(--entete,64px) + var(--barre-offre,0px) + 6px);z-index:30;max-height:70vh;overflow:auto;box-shadow:0 12px 32px rgba(0,0,0,.18)}
  body.etape-formulaire.etapes-ouvertes .q-nav .q-steps{display:block}
}