/* BeandBus — formulaire de demande intégrable · styles isolés sous .bbf
   Thème du site hôte : surcharger les variables ci-dessous sur le conteneur.
     --bbf-font     police (défaut : Manrope si chargée, sinon celle du site)
     --bbf-ink      texte            --bbf-accent      bleu d'action
     --bbf-accent2  orange (bouton principal, optionnel)   --bbf-radius  arrondi des cartes */
.bbf{--bbf-font:Manrope,inherit;--bbf-ink:#0B1220;--bbf-muted:#5B6478;--bbf-line:#E3E8F0;--bbf-border:#C9D1E3;--bbf-accent:#1D4ED8;--bbf-accent-hi:#143EB7;--bbf-tint:#ECF4FF;--bbf-soft:#D6E0FF;--bbf-ok:#007E33;--bbf-ok-tint:#E6F9EA;--bbf-warn:#B85000;--bbf-warn-tint:#FFF3E6;--bbf-radius:16px;--bbf-page:#F5F7FB;
  font-family:var(--bbf-font);color:var(--bbf-ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;box-sizing:border-box;container-type:inline-size}
.bbf *,.bbf *::before,.bbf *::after{box-sizing:inherit}
.bbf button,.bbf input,.bbf select{font:inherit;color:inherit}
.bbf button{cursor:pointer}
.bbf a{color:var(--bbf-accent);text-decoration:none}.bbf a:hover{text-decoration:underline}
.bbf :is(input,select,button,a):focus-visible{outline:2px solid var(--bbf-accent);outline-offset:2px}
.bbf [hidden]{display:none!important}
.bbf-ic{width:1em;height:1em;fill:currentColor;flex:none;vertical-align:-.125em}
.bbf-wrap{display:flex;flex-direction:column;gap:22px}

/* barre d'étape */
.bbf-stepbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 12px;font-size:13px;border-bottom:1px solid var(--bbf-line)}
.bbf-steps-lab{font-weight:700;white-space:nowrap}
.bbf-save{display:inline-flex;align-items:center;gap:6px;color:var(--bbf-muted);white-space:nowrap}
/* 1.115.0 : « Effacer le formulaire » (brouillon repris) — discret, rouge au moment de confirmer */
.bbf-effacer{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--bbf-line,#d8dee8);border-radius:999px;background:#fff;color:var(--bbf-muted);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.bbf-effacer:hover{color:var(--bbf-ink,#0b1220);border-color:currentColor}
.bbf-effacer.is-confirm{background:#b00020;border-color:#b00020;color:#fff}
.bbf-effacer[hidden]{display:none}.bbf-save .bbf-ic{color:#16A34A;font-size:16px}
.bbf-prog{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--bbf-line)}
.bbf-prog i{display:block;height:100%;width:0;background:var(--bbf-accent);transition:width .4s}.bbf-prog i.is-ok{background:var(--bbf-ok)}

/* mise en page */
.bbf-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}
@container (max-width:900px){.bbf-layout{grid-template-columns:minmax(0,1fr)}.bbf-aside{order:1}.bbf-reassure{display:none}}
.bbf-main{min-width:0;display:flex;flex-direction:column;gap:18px}
.bbf-kicker{margin:0;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bbf-accent)}
.bbf-n{width:26px;height:26px;border-radius:8px;background:var(--bbf-tint);display:grid;place-items:center;font-size:12px;letter-spacing:0}
.bbf-title{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.08;letter-spacing:-.03em;font-weight:800;text-wrap:balance}.bbf-title.is-ok{color:var(--bbf-ok)}
.bbf-sub{margin:-6px 0 0;font-size:15px;color:var(--bbf-muted);max-width:640px;text-wrap:pretty}.bbf-sub b{color:var(--bbf-ink)}
.bbf-body{display:flex;flex-direction:column;gap:16px}
.bbf-q{margin:0 0 -6px;font-size:15px;font-weight:700}
.bbf-hint,.bbf-note{margin:0;font-size:12.5px;line-height:1.5;color:var(--bbf-muted)}
.bbf-err{margin:0;padding:10px 14px;border-radius:10px;background:var(--bbf-warn-tint);color:var(--bbf-warn);font-size:13.5px;font-weight:600}

/* cartes et champs */
.bbf-card{border:1px solid var(--bbf-line);border-radius:var(--bbf-radius);padding:18px 20px;display:flex;flex-direction:column;gap:12px;background:#fff}
.bbf-clab{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bbf-muted)}
.bbf-g2,.bbf-g3,.bbf-grid1{display:grid;gap:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bbf-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bbf-grid1{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:16px;border-radius:var(--bbf-radius);background:var(--bbf-page)}
@container (max-width:640px){.bbf-g2,.bbf-g3{grid-template-columns:minmax(0,1fr)}}
.bbf-f{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0}.bbf-wide{grid-column:1/-1}
.bbf-f label{font-size:13px;font-weight:600}
.bbf-avis{margin:14px 0 0;padding:10px 14px;border-radius:10px;background:var(--bbf-warn-tint);color:var(--bbf-warn);font-size:13.5px;font-weight:600;line-height:1.5}.bbf-avis .bbf-avis-h{font-weight:500;white-space:nowrap}.bbf-choix{margin:12px 0 0;font-weight:600;color:var(--bbf-ink)}
.bbf-rq{font-style:normal;font-size:11px;font-weight:700;color:var(--bbf-warn);margin-left:4px}
.bbf-input{width:100%;min-height:44px;padding:0 12px;border:1.5px solid var(--bbf-border);border-radius:10px;background:#fff;font-size:15px}
.bbf-input::placeholder{color:#8A93A8}
select.bbf-input{appearance:auto}
.is-err .bbf-input,.bbf-input.is-err{border-color:var(--bbf-warn);background:#FFF8F2}
.bbf-places{position:absolute;z-index:30;top:100%;left:0;right:0;margin:4px 0 0;padding:4px;list-style:none;background:#fff;border:1px solid var(--bbf-border);border-radius:10px;box-shadow:0 10px 30px -12px rgba(11,18,32,.3)}
.bbf-places li{padding:8px 10px;border-radius:7px;cursor:pointer;font-size:14px}.bbf-places li:hover,.bbf-places li.is-on{background:var(--bbf-tint)}

/* types de voyage, options */
.bbf-types,.bbf-sens,.bbf-pills{display:flex;flex-wrap:wrap;gap:8px}
.bbf-types button,.bbf-pills button,.bbf-sens button,.bbf-radius button{min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--bbf-border);background:#fff;font-size:13.5px;font-weight:600}
.bbf-types button{min-height:44px;font-size:14.5px}
.bbf-types button[aria-checked="true"],.bbf-pills button[aria-checked="true"],.bbf-sens button[aria-pressed="true"],.bbf-radius button[aria-pressed="true"]{border-color:var(--bbf-accent);background:var(--bbf-tint);color:var(--bbf-accent-hi)}
.bbf-sens{align-items:center;font-size:13px;color:var(--bbf-muted)}
.bbf-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@container (max-width:640px){.bbf-opts{grid-template-columns:minmax(0,1fr)}}
.bbf-opts button,.bbf-pm button,.bbf-acct button{text-align:left;border:1.5px solid var(--bbf-line);background:#fff;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px;min-width:0;position:relative}
.bbf-opts button b,.bbf-pm button b,.bbf-acct button b{font-size:14.5px}
.bbf-opts button span,.bbf-pm button span,.bbf-acct button span{font-size:12px;color:var(--bbf-muted);line-height:1.4}
.bbf-opts button[aria-checked="true"],.bbf-pm button[aria-checked="true"],.bbf-acct button[aria-selected="true"]{border-color:var(--bbf-accent);background:var(--bbf-tint)}
.bbf-pm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@container (max-width:720px){.bbf-pm{grid-template-columns:minmax(0,1fr)}}
.bbf-pm button .bbf-ic{font-size:24px;color:var(--bbf-accent);margin-bottom:4px}
.bbf-pm button em{position:absolute;top:10px;right:10px;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7C2D12;background:#FFEDD5;padding:3px 8px;border-radius:999px}
.bbf-acct{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@container (max-width:560px){.bbf-acct{grid-template-columns:minmax(0,1fr)}}

/* import, dictée, programme */
.bbf-drop{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;border:1.5px dashed var(--bbf-border);border-radius:14px;background:var(--bbf-page);position:relative}
.bbf-drop.is-work{border-style:solid}
.bbf-drop-ic{font-size:28px;color:var(--bbf-accent)}
.bbf-drop-txt{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--bbf-muted)}.bbf-drop-txt b{color:var(--bbf-ink);font-size:14px}
.bbf-jauge{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--bbf-line);border-radius:0 0 14px 14px;overflow:hidden}.bbf-jauge i{display:block;height:100%;width:0;background:var(--bbf-accent);transition:width .5s}
.bbf-btn2{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:10px;border:1.5px solid var(--bbf-border);background:#fff;font-size:13.5px;font-weight:600;white-space:nowrap;align-self:flex-start}
.bbf-btn2:hover{background:var(--bbf-tint)}
.bbf-imported{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;background:var(--bbf-ok-tint);color:#0B1220}
.bbf-imported>.bbf-ic{font-size:20px;color:var(--bbf-ok);margin-top:2px}
.bbf-imported>span{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13px}.bbf-imported b{font-size:14px}
.bbf-unimport,.bbf-lnk{border:0;background:none;color:var(--bbf-accent);font-weight:700;font-size:13px;padding:6px 8px;border-radius:8px;display:inline-flex;align-items:center;gap:6px}
.bbf-dicthelp{padding:14px 16px;border-radius:14px;background:var(--bbf-tint);font-size:13px}
.bbf-dicthelp p{margin:0 0 6px}.bbf-dicthelp ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.bbf-day{border:1px solid var(--bbf-line);border-radius:14px;padding:14px;background:#F8FAFF;display:flex;flex-direction:column;gap:10px}
.bbf-dayhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bbf-dayn{width:28px;height:28px;border-radius:8px;background:var(--bbf-accent);color:#fff;font-size:13px;font-weight:800;display:grid;place-items:center}
.bbf-date{font-size:13px;color:var(--bbf-muted)}
.bbf-dict{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--bbf-border);background:#fff;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;white-space:nowrap}
.bbf-dict[aria-pressed="true"]{border-color:var(--bbf-warn);color:var(--bbf-warn);background:var(--bbf-warn-tint)}
.bbf-live{flex:1 1 100%;margin:0;font-size:12.5px;color:var(--bbf-muted)}
.bbf-stops{display:flex;flex-direction:column;gap:8px}
.bbf-stop{display:grid;grid-template-columns:110px minmax(0,1fr) 38px;gap:8px;align-items:center;position:relative}
@container (max-width:480px){.bbf-stop{grid-template-columns:96px minmax(0,1fr) 38px}}
.bbf-stop .bbf-f{position:static}.bbf-stop .bbf-place{position:relative}
.bbf-stop .bbf-input{min-height:40px}
.bbf-rm{border:1.5px solid var(--bbf-line);background:#fff;border-radius:10px;height:40px;width:38px;color:#8A93A8;display:grid;place-items:center}
.bbf-dayfoot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.bbf-add-stop{border:0;background:none;color:var(--bbf-accent);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:4px;padding:4px 0}
.bbf-km{font-size:12.5px;color:var(--bbf-muted)}.bbf-km b{color:var(--bbf-ink)}
.bbf-kmtotal{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--bbf-line);font-size:12.5px;color:var(--bbf-muted)}
.bbf-kmtotal b{font-size:20px;color:var(--bbf-ink);letter-spacing:-.02em}
.bbf-hotels{display:flex;flex-direction:column;gap:10px}
.bbf-hotline{display:flex;gap:8px;align-items:center}.bbf-hotline .bbf-input{flex:1 1 auto}

/* besoins, destinataire, autocaristes */
.bbf-eq{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.bbf-eq button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 12px;border-radius:10px;border:1.5px solid var(--bbf-line);background:#fff;font-size:13.5px;font-weight:600;text-align:left}
.bbf-eq button i{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--bbf-border);display:grid;place-items:center;color:transparent;flex:none}
.bbf-eq button[aria-pressed="true"]{border-color:var(--bbf-accent);background:var(--bbf-tint)}
.bbf-eq button[aria-pressed="true"] i{background:var(--bbf-accent);border-color:var(--bbf-accent);color:#fff}
.bbf-dest{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--bbf-radius);background:var(--bbf-ink);color:#fff}
.bbf-dest>.bbf-ic{font-size:26px;color:#F97316;margin-top:2px}
.bbf-dest div{display:flex;flex-direction:column;gap:4px}.bbf-dest b{font-size:15px}.bbf-dest span{font-size:13px;color:#C9D1E3;line-height:1.5}
.bbf-reach{grid-template-columns:repeat(3,minmax(0,1fr))}
.bbf-radius{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--bbf-muted)}
.bbf-find{display:flex;align-items:center;gap:8px;color:var(--bbf-muted)}
.bbf-cclist{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto}
.bbf-cc{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid var(--bbf-line);border-radius:12px;cursor:pointer}
.bbf-cc:has(input:checked){border-color:var(--bbf-accent);background:var(--bbf-tint)}
.bbf-cc.is-out{opacity:.55}
.bbf-cc input{width:18px;height:18px;accent-color:var(--bbf-accent)}
.bbf-ccini{width:36px;height:36px;border-radius:9px;background:var(--bbf-soft);color:var(--bbf-accent-hi);font-size:12px;font-weight:800;display:grid;place-items:center;flex:none}
.bbf-cctxt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.bbf-cctxt b{font-size:14px}.bbf-cctxt span{font-size:12px;color:var(--bbf-muted)}
.bbf-cckm,.bbf-ccs{font-size:12.5px;font-weight:700;white-space:nowrap}.bbf-ccs{display:inline-flex;align-items:center;gap:3px;color:#B45309}

/* identité, OTP */
.bbf-cbx{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5}.bbf-cbx input{width:18px;height:18px;margin-top:2px;accent-color:var(--bbf-accent)}
.bbf-codes{display:flex;gap:8px}.bbf-codes input{flex:1 1 0;width:0;min-width:0;height:52px;text-align:center;font-size:22px;font-weight:700;border:1.5px solid var(--bbf-border);border-radius:10px}
.bbf-codeerr{margin:0;font-size:13px;color:var(--bbf-warn);font-weight:600}
.bbf-discret{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--bbf-ok-tint);font-size:13px}
.bbf-discret>.bbf-ic{font-size:22px;color:var(--bbf-ok);margin-top:1px}
.bbf-discret div{display:flex;flex-direction:column;gap:2px}.bbf-discret span{color:#3B4457}

/* actions */
.bbf-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:6px}
.bbf-next{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:10px;background:var(--bbf-accent2,var(--bbf-accent));color:#fff;font-size:15px;font-weight:700;white-space:nowrap;text-decoration:none}
.bbf a.bbf-next,.bbf a.bbf-next:hover{color:#fff;text-decoration:none}
.bbf-next:hover{filter:brightness(.92);text-decoration:none}
.bbf-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 8px;border:0;background:none;color:var(--bbf-muted);font-size:14px;font-weight:600;white-space:nowrap}
.bbf-lnk{white-space:nowrap}
/* BeandBus 1.70.0 — la couleur des boutons tient même face à `.bbf button{color:inherit}` (spécificité 0,1,1) :
   sans ces règles, le bouton principal sortait en encre sombre sur fond coloré chez certains sites hôtes. */
.bbf button.bbf-next,.bbf button.bbf-next:hover{color:#fff}
.bbf button.bbf-back{color:var(--bbf-muted)}
.bbf button.bbf-lnk,.bbf button.bbf-unimport,.bbf button.bbf-add-stop{color:var(--bbf-accent)}
/* BeandBus 1.70.0 (2.e déploiement) — sur une colonne (conteneur < 900 px) le récapitulatif ne colle plus en haut de l'écran (il
   recouvrait les étapes en défilant, sur téléphone) et la liste de réassurance se cache comme prévu. Les deux règles de la requête
   de conteneur plus haut étaient écrasées par `.bbf-aside` et `.bbf-reassure`, déclarées après.
   1.145.2 (tests JF, 28-10) : sur une colonne le FORMULAIRE vient en premier (`.bbf-aside{order:1}`) — avec le récapitulatif, l'estimation
   et « Où vous en êtes » au-dessus, le visiteur sur téléphone devait défiler trois cartes avant de voir le type de voyage. Le bouton
   « Retour à l'étape N » fait 44 px de haut (zone tactile), comme les autres. */
@container (max-width:900px){.bbf .bbf-aside{position:static;top:auto}.bbf .bbf-reassure{display:none}}

/* colonne de droite */
.bbf-aside{display:flex;flex-direction:column;gap:14px;position:sticky;top:88px}
.bbf-panel{border:1px solid var(--bbf-line);border-radius:var(--bbf-radius);padding:16px;background:#fff;display:flex;flex-direction:column;gap:10px}
.bbf-plab{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bbf-muted)}
.bbf-route{display:flex;flex-direction:column;gap:10px;padding-left:14px;border-left:2px solid var(--bbf-soft)}
.bbf-route div{display:flex;flex-direction:column}.bbf-route b{font-size:15px}.bbf-route span{font-size:12px;color:var(--bbf-muted)}
.bbf-chips{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}
.bbf-chips span{padding:4px 9px;border-radius:999px;background:var(--bbf-page);color:#3B4457;white-space:nowrap}.bbf-chips span:first-child{background:var(--bbf-tint);color:var(--bbf-accent-hi);font-weight:700}
.bbf-flow{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13.5px}
.bbf-flow li{display:flex;align-items:center;gap:10px;color:var(--bbf-muted)}
.bbf-flow li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--bbf-page);flex:none}
.bbf-flow li.is-done{color:var(--bbf-ink)}.bbf-flow li.is-done span{background:var(--bbf-ok-tint);color:var(--bbf-ok)}
.bbf-flow li.is-now{color:var(--bbf-ink);font-weight:700}.bbf-flow li.is-now span{background:var(--bbf-accent);color:#fff}
.bbf-reassure{margin:0;padding:0 4px;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:#3B4457}
.bbf-reassure li{display:flex;gap:8px;align-items:flex-start}.bbf-reassure .bbf-ic{color:var(--bbf-ok);font-size:16px;margin-top:2px}
.bbf-credit{margin:0;padding-top:10px;border-top:1px solid var(--bbf-line);font-size:12px;color:var(--bbf-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}

/* confirmation */
.bbf-done{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--bbf-radius);background:var(--bbf-ok-tint)}
.bbf-done>.bbf-ic{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--bbf-ok);color:#fff;flex:none}
.bbf-done p{margin:0}.bbf-ref{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bbf-ok)}
.bbf-doneacts{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bbf-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;counter-reset:s}
.bbf-steps li{display:flex;flex-direction:column;font-size:13.5px;padding-left:34px;position:relative;counter-increment:s}
.bbf-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--bbf-tint);color:var(--bbf-accent-hi);font-size:12px;font-weight:800;display:grid;place-items:center}
.bbf-steps li b{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--bbf-muted)}
@media (prefers-reduced-motion:reduce){.bbf *{transition:none!important}}

/* 1.80.1 — « ↔ Mes dates sont flexibles » sous les dates de l'étape 1 (paquet du designer du 13-10) : la pastille orange
   claire des consoles et de app.beandbus.com (fond #fff7ed, bordure #f97316, texte #b85000). */
.bbf-flex{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:12px 0 0}
.bbf-flex-chk{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:999px;border:1.5px solid #c9d1e3;background:#fff;color:#3b4457;font-size:13.5px;font-weight:700;cursor:pointer;user-select:none}
.bbf-flex-chk input{width:16px;height:16px;margin:0;accent-color:#f97316}
.bbf-flex.on .bbf-flex-chk{border-color:#f97316;background:#fff7ed;color:#b85000}
.bbf-flex-opts{display:inline-flex;flex-wrap:wrap;gap:6px}
.bbf-flex-opts[hidden]{display:none}
.bbf-flex-opts button{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid #f9c9a3;background:#fff;color:#9a3d00;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.bbf-flex-opts button[aria-checked="true"]{background:#f97316;border-color:#f97316;color:#fff}
.bbf-flex-aide{flex:1 1 100%;font-size:12.5px;line-height:1.4;color:#5b6478}
.bbf-chip-flex{background:#fff7ed !important;color:#b85000 !important;border:1px solid #f97316}