/* Parcours de sélection rendu explicite : vérification, livraison, WhatsApp. */
.selection-bar{
 width:min(760px,calc(100% - 28px));
 min-height:76px;
 padding:11px 12px 11px 17px;
 gap:13px;
 border-color:rgba(223,191,121,.78);
 box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.025) inset;
}
.selection-bar-copy{min-width:0;gap:4px}
.selection-bar-copy b{font-size:18px;line-height:1.1}
.selection-bar-copy small{
 margin:0;
 max-width:390px;
 color:rgba(243,234,217,.7);
 font-size:10px;
 line-height:1.35;
 letter-spacing:.045em;
}
.selection-bar-cta{
 min-width:215px;
 min-height:50px;
 padding:11px 17px;
 border-color:var(--gold-2);
 background:linear-gradient(135deg,#f3ead9,#dfbf79);
 box-shadow:0 9px 24px rgba(0,0,0,.2);
 font-size:9px;
 transition:transform .2s,background .2s;
}
.selection-bar-cta:hover{transform:translateY(-1px);background:var(--cream)}
body.has-selection{padding-bottom:110px}
body:not(.selection-consent-visible) .selection-bar{bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}

/* Le récapitulatif explique les trois étapes avant l'envoi. */
.selection-flow{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 margin:14px 0 4px;
 border:1px solid rgba(20,17,13,.18);
 background:rgba(255,255,255,.3);
}
.selection-flow span{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:7px;
 min-height:42px;
 padding:8px 6px;
 color:rgba(20,17,13,.68);
 font-size:8px;
 font-weight:700;
 letter-spacing:.08em;
 line-height:1.2;
 text-align:center;
 text-transform:uppercase;
}
.selection-flow span+span{border-left:1px solid rgba(20,17,13,.16)}
.selection-flow i{
 display:grid;
 place-items:center;
 flex:none;
 width:20px;
 height:20px;
 border:1px solid rgba(20,17,13,.27);
 border-radius:50%;
 font-style:normal;
 font-size:9px;
}
.selection-flow span:last-child{color:#146b3e;background:rgba(22,139,76,.07)}
.selection-flow span:last-child i{border-color:#168b4c;background:#168b4c;color:#fff}

/* L'action finale est désormais clairement identifiée comme action WhatsApp. */
.send-selection{
 border-color:#168b4c;
 background:linear-gradient(135deg,#1a9b56,#117a41);
 color:#fff;
 box-shadow:0 12px 30px rgba(17,122,65,.22);
 transition:transform .2s,background .2s,box-shadow .2s;
}
.send-selection:hover{
 transform:translateY(-1px);
 background:linear-gradient(135deg,#20a861,#0f703b);
 box-shadow:0 15px 34px rgba(17,122,65,.28);
}
.send-selection span:first-child{display:inline-flex;align-items:center;gap:11px}
.send-selection span:first-child:before{
 content:"";
 width:7px;
 height:7px;
 flex:none;
 border-radius:50%;
 background:#fff;
 box-shadow:0 0 0 4px rgba(255,255,255,.14);
}

@media(max-width:700px){
 .selection-bar{
  grid-template-columns:auto minmax(0,1fr);
  gap:7px 10px;
  min-height:116px;
  padding:10px;
 }
 .selection-bar-icon{align-self:start;margin-top:2px}
 .selection-bar-copy b{font-size:16px}
 .selection-bar-copy small{
  max-width:none;
  overflow:visible;
  white-space:normal;
  text-overflow:clip;
  font-size:10px;
  line-height:1.3;
 }
 .selection-bar-cta{
  grid-column:1/-1;
  width:100%;
  min-width:0;
  min-height:45px;
  margin:1px 0 0;
  font-size:9px;
 }
 body.has-selection{padding-bottom:150px}
 body.has-selection .home-wa-float{opacity:0;pointer-events:none;transform:translateY(12px)}
 .selection-flow{margin-top:12px}
 .selection-flow span{display:grid;gap:4px;min-height:54px;padding:7px 3px;font-size:7px;letter-spacing:.045em}
 .selection-flow i{margin-inline:auto}
 .send-selection{min-height:60px;font-size:10px}
}

@media(max-width:620px){
 body.selection-consent-visible .selection-bar{bottom:132px!important}
}

@media(max-width:370px){
 .selection-bar{width:calc(100% - 16px)}
 body:not(.selection-consent-visible) .selection-bar{bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}
 .selection-bar-copy small{font-size:9px}
 .selection-flow span{font-size:6.5px}
}