/* La fiche de séjour partagée (chantier C, 20/10/2026) : accueil, /individuels, /entreprises et cockpits (greffon cockpit-v2-*). */
.mi-sejour{--sj-ink:#201e1d;--sj-ink2:#3d3936;--sj-muet:#69645f;--sj-ligne:#d9d3cc;--sj-rouge:#ec3013;--sj-rouge2:#c42a10;--sj-rose:#fff0eb;
  display:grid;gap:12px;color:var(--sj-ink);font-family:Archivo,"Segoe UI",system-ui,sans-serif;font-size:14.5px;line-height:1.45}
.mi-sejour *{box-sizing:border-box}
.mi-sejour .sj-who{display:flex;flex-wrap:wrap;gap:8px}
.mi-sejour .sj-who label{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--sj-ligne);border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;background:#fff}
.mi-sejour .sj-who label:has(input:checked){border-color:var(--sj-ink);background:var(--sj-ink);color:#fff}
.mi-sejour .sj-who input{margin:0}
.mi-sejour .sj-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}
.mi-sejour label{display:grid;gap:4px;font-size:12.5px;font-weight:700;min-width:0;position:relative;align-self:start;align-content:start}
.mi-sejour label.w2,.mi-sejour div.w2{grid-column:span 2}.mi-sejour label.w3{grid-column:span 3}.mi-sejour .w4{grid-column:span 4}
.mi-sejour label small,.mi-sejour fieldset>small,.mi-sejour .sj-acts small{font-weight:400;color:var(--sj-muet)}
.mi-sejour input,.mi-sejour select{font:inherit;font-size:15px;height:44px;padding:0 12px;border:1px solid var(--sj-ligne);border-radius:12px;background:#fff;min-width:0;width:100%;color:var(--sj-ink)}
.mi-sejour input,.mi-sejour select{font-weight:500}
.mi-sejour input::placeholder{font-weight:400;color:#9a948f;opacity:1}
.mi-sejour input:focus,.mi-sejour select:focus{outline:2px solid #f3b9b2;outline-offset:1px;border-color:var(--sj-ink)}
.mi-sejour input.need{border-color:var(--sj-rouge2);box-shadow:0 0 0 3px rgba(196,42,16,.15)}
.mi-sejour .sj-dest-wrap{position:relative}
.mi-sejour .sj-sugg{position:absolute;top:100%;left:0;right:0;z-index:70;margin-top:4px;padding:6px;border:1px solid var(--sj-ligne);border-radius:14px;background:#fff;box-shadow:0 14px 38px rgba(32,30,29,.16);max-height:280px;overflow:auto}
.mi-sejour .sj-sugg[hidden]{display:none}
.mi-sejour .sj-sugg button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:9px;background:#fff;font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer;color:var(--sj-ink)}
.mi-sejour .sj-sugg button small{font-weight:500;color:var(--sj-muet);white-space:nowrap}
.mi-sejour .sj-sugg button:hover,.mi-sejour .sj-sugg button.on{border-color:#f3b9b2;background:var(--sj-rose)}
.mi-sejour .sj-status{min-height:0;font-size:12px;color:var(--sj-muet)}.mi-sejour .sj-status:empty{display:none}
.mi-sejour .sj-durations{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;font-weight:700}
.mi-sejour .sj-durations span{margin-right:4px;color:var(--sj-muet);font-weight:600}
.mi-sejour .sj-chip{border:1px solid var(--sj-ligne);border-radius:999px;background:#fff;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.mi-sejour .sj-chip:hover,.mi-sejour .sj-chip.on{border-color:var(--sj-ink);background:var(--sj-ink);color:#fff}
/* 21/10/2026 : le sélecteur de dates Maximum, les listes stylées du transport et des hôtels */
.mi-sejour .sj-dates{position:relative;display:grid;gap:4px;align-self:start;min-width:0}
.mi-sejour .sj-lab{font-size:12.5px;font-weight:700}
.mi-sejour .sj-range{display:flex;align-items:center;gap:9px;width:100%;height:44px;padding:0 14px;border:1px solid var(--sj-ligne);border-radius:12px;background:#fff;color:var(--sj-ink);font:inherit;font-size:14.5px;font-weight:650;text-align:left;cursor:pointer}
.mi-sejour .sj-range span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mi-sejour .sj-range svg{flex:none;color:var(--sj-rouge)}
.mi-sejour .sj-range.placeholder{color:#9a948f;font-weight:500}.mi-sejour .sj-range:hover,.mi-sejour .sj-range[aria-expanded=true]{border-color:var(--sj-ink)}
.mi-sejour .sj-range.need{border-color:var(--sj-rouge2);box-shadow:0 0 0 3px rgba(196,42,16,.15)}
.mi-sejour .sj-cal{position:absolute;top:calc(100% + 6px);left:0;z-index:70;width:min(620px,calc(100vw - 32px));padding:14px 16px 16px;border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(32,30,29,.2),0 0 0 1px rgba(32,30,29,.06)}
.mi-sejour .sj-cal[hidden]{display:none!important}
.mi-sejour .sj-cal-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 34px 10px 0}
.mi-sejour .sj-cal-top p{margin:0;font-size:13px;font-weight:800;color:var(--sj-ink)}
.mi-sejour .sj-cal-presets{display:flex;flex-wrap:wrap;gap:6px}
.mi-sejour .sj-cal-nav{position:absolute;top:12px;right:12px;display:flex;gap:4px}
.mi-sejour .sj-cal-nav button{width:30px;height:30px;border:1px solid var(--sj-ligne);border-radius:9px;background:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;color:var(--sj-ink)}
.mi-sejour .sj-cal-nav button:hover{border-color:var(--sj-ink)}
.mi-sejour .sj-cal-ms{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px 22px}
.mi-sejour .sj-cal-t{margin:0 0 6px!important;font-size:13px;font-weight:800;text-transform:capitalize;color:var(--sj-ink)}
.mi-sejour .sj-cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.mi-sejour .sj-cal-g small{display:grid;place-items:center;height:22px;font-size:10.5px;font-weight:800;color:#9a948f;text-transform:uppercase}
.mi-sejour .sj-cal-g button{height:34px;border:0;border-radius:9px;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--sj-ink);cursor:pointer}
.mi-sejour .sj-cal-g button:hover{background:var(--sj-rose)}
.mi-sejour .sj-cal-g button.today{box-shadow:inset 0 0 0 1.5px var(--sj-ligne)}
.mi-sejour .sj-cal-g button.in{background:var(--sj-rose);border-radius:0}
.mi-sejour .sj-cal-g button.start,.mi-sejour .sj-cal-g button.end{background:var(--sj-ink);color:#fff;font-weight:800}
.mi-sejour .sj-cal-g button.past{color:#cfc9c3;cursor:default;background:none}
.mi-sejour .sj-hotel-wrap,.mi-sejour .sj-tr-wrap{position:relative}
.mi-sejour .sj-sugg small.group{display:block;margin:6px 8px 3px;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9a948f}
@media(max-width:700px){.mi-sejour .sj-cal{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto;max-height:80vh;overflow:auto}}
.mi-sejour .sj-hotels{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0}
.mi-sejour .sj-hotels[hidden]{display:none}
.mi-sejour .sj-hotels button{border:1px dashed #a8a3a0;border-radius:999px;background:#fff;padding:5px 11px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mi-sejour .sj-hotels button:hover,.mi-sejour .sj-hotels button.on{border-style:solid;border-color:var(--sj-ink);background:var(--sj-ink);color:#fff}
.mi-sejour .sj-hotels small{width:100%;font-weight:400;color:var(--sj-muet)}
.mi-sejour .sj-box{margin:0;padding:12px 14px;border:1px solid #e6e1dc;border-radius:14px;display:grid;gap:10px}
.mi-sejour .sj-box legend{padding:0 6px;font-size:13px;font-weight:700}
.mi-sejour .sj-box[hidden],.mi-sejour [hidden]{display:none!important}
.mi-sejour .sj-member{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr) 40px;gap:8px;align-items:end}
.mi-sejour .sj-member button{height:44px;border:1px solid var(--sj-ligne);border-radius:12px;background:#fff;cursor:pointer;font-size:14px}
.mi-sejour .sj-add{justify-self:start;padding:8px 14px;border:1px dashed #a8a3a0;border-radius:999px;background:#fff;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.mi-sejour .sj-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mi-sejour .sj-err{margin:0;color:var(--sj-rouge2);font-size:13.5px;font-weight:600}.mi-sejour .sj-err.wait{color:var(--sj-muet)}.mi-sejour .sj-err:empty{display:none}
.mi-sejour .sj-acts{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.mi-sejour .sj-go{min-height:48px;padding:10px 22px;border:0;border-radius:999px;background:var(--sj-rouge);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;white-space:normal;line-height:1.25;max-width:100%}
.mi-sejour .sj-go[disabled]{opacity:.6;cursor:default}
.mi-sejour .sj-acts small{font-size:12.5px;line-height:1.5;max-width:60ch}.mi-sejour .sj-acts small a{color:inherit}
.mi-sejour .sj-tel .mx-tel{height:44px;border:1px solid var(--sj-ligne);border-radius:12px;overflow:hidden}
/* le menu déroulant stylé (le même dessin que le cockpit, assets/cockpit-v2.css), porté ici pour les pages publiques */
.mi-sejour .mi-dd{position:relative;display:block;max-width:100%}
.mi-sejour .mi-dd-btn{display:inline-flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 12px 0 14px;border:1px solid var(--sj-ligne);border-radius:12px;background:#fff;color:var(--sj-ink);font:inherit;font-size:14.5px;font-weight:600;text-align:left;cursor:pointer}
.mi-sejour .mi-dd-btn>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mi-sejour .mi-dd-btn::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);flex:none;transition:transform .15s}
.mi-sejour .mi-dd-btn:hover,.mi-sejour .mi-dd-btn[aria-expanded=true]{border-color:var(--sj-ink)}
.mi-sejour .mi-dd-btn[aria-expanded=true]::after{transform:rotate(225deg) translateY(-3px)}
.mi-sejour .mi-dd-btn.placeholder{color:#9a948f;font-weight:500}
.mi-sejour .mi-dd-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:240px;width:max-content;max-width:min(360px,80vw);max-height:340px;overflow:auto;padding:8px;border-radius:14px;background:#fff;box-shadow:0 14px 38px rgba(32,30,29,.16),0 0 0 1px rgba(32,30,29,.06)}
.mi-sejour .mi-dd-menu.right{left:auto;right:0}.mi-sejour .mi-dd-menu[hidden]{display:none}
.mi-sejour .mi-dd-menu input[type=search]{width:100%;height:36px;margin:0 0 6px;border:1.5px solid var(--sj-ligne);border-radius:10px;padding:7px 10px;font:inherit;font-size:13px}
.mi-sejour .mi-dd-menu small.group{display:block;margin:8px 8px 4px;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9a948f}
.mi-sejour .mi-dd-menu button{display:flex;align-items:center;gap:9px;width:100%;margin:0 0 3px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:#fff;color:var(--sj-ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.mi-sejour .mi-dd-menu button:hover,.mi-sejour .mi-dd-menu button[aria-selected=true]{border-color:#f3b9b2;background:var(--sj-rose)}
.mi-sejour select.dd-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
@media(max-width:820px){.mi-sejour .sj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mi-sejour label.w3{grid-column:span 2}.mi-sejour .w4{grid-column:span 2}
  .mi-sejour .sj-member{grid-template-columns:repeat(2,minmax(0,1fr))}.mi-sejour .sj-member button{grid-column:span 2;height:38px}.mi-sejour .sj-go{width:100%}}
/* 21/10/2026 : « pour qui » en deux petites cases (les boutons radio restent, masqués) ; la fiche repliée en une ligne */
.mi-sejour .sj-who-r{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.mi-sejour .sj-who-r input{position:absolute;opacity:0;visibility:hidden;pointer-events:none}
.mi-sejour .sj-who-mini{position:relative;display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;margin:-2px 0 0}
.mi-sejour label.sj-check{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:#8a847f;cursor:pointer;line-height:1.3}
.mi-sejour label.sj-check:hover{color:var(--sj-ink2)}
.mi-sejour .sj-check input{appearance:none;-webkit-appearance:none;flex:none;width:15px;height:15px;min-width:0;margin:0;padding:0;border:1.5px solid #c9c2bb;border-radius:5px;background:#fff center/10px no-repeat;cursor:pointer}
.mi-sejour .sj-check input:checked{border-color:var(--sj-ink);background-color:var(--sj-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 6.2 2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.mi-sejour .sj-check input:focus-visible{outline:2px solid #f3b9b2;outline-offset:2px}
.mi-sejour .sj-check input:checked+span{color:var(--sj-ink);font-weight:600}
/* 03/11/2026 (arbitrage A-C-2) : la case « Prévenez-moi… » de la fiche publique (brief_accueil.consent_html), au dessin des cases de la fiche */
.mi-sejour label.mi-consent{display:flex;align-items:flex-start;gap:8px;margin:2px 0;font-size:13px;line-height:1.4;color:var(--sj-ink2);cursor:pointer}
.mi-sejour .mi-consent input{appearance:none;-webkit-appearance:none;flex:none;width:16px;height:16px;min-width:0;margin:1px 0 0;padding:0;border:1.5px solid #c9c2bb;border-radius:5px;background:#fff center/10px no-repeat;cursor:pointer}
.mi-sejour .mi-consent input:checked{border-color:var(--sj-ink);background-color:var(--sj-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 6.2 2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.mi-sejour .mi-consent input:focus-visible{outline:2px solid #f3b9b2;outline-offset:2px}
.mi-sejour .sj-recap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:12px 14px;border-radius:14px;background:#f3f0ec;font-size:14px;line-height:1.4}
.mi-sejour .sj-recap[hidden]{display:none!important}
.mi-sejour .sj-recap-k{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sj-muet)}
.mi-sejour .sj-recap b{flex:1 1 240px;min-width:0;font-weight:700;overflow-wrap:anywhere}
.mi-sejour .sj-recap button{border:1px solid var(--sj-ligne);border-radius:999px;background:#fff;padding:6px 13px;font:inherit;font-size:12.5px;font-weight:600;color:var(--sj-ink);cursor:pointer}
.mi-sejour .sj-recap button:hover{border-color:var(--sj-ink)}
.mi-sejour input[type=number]{-moz-appearance:textfield}
.mi-sejour .sj-cal.right{left:auto;right:0}
.mi-sejour .sj-cal-top{margin-right:110px}
.mi-sejour .sj-cal-nav .sj-cal-x{font-size:13px;margin-left:4px}
/* 21/10/2026 : la barre de l'accueil — trois pilules blanches à droite du champ destination, sur la barre encre */
.mi-sejour.sj-barre{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;font-family:inherit;font-size:14.5px;line-height:1.2;color:#201e1d}
.mi-sejour.sj-barre .sj-bar-pill{position:relative;min-width:0;align-self:stretch}
.mi-sejour.sj-barre .sj-dates{display:block}
.mi-sejour.sj-barre .mi-dd{display:block;height:100%}
.mi-sejour.sj-barre .sj-range,.mi-sejour.sj-barre .mi-dd-btn{display:inline-flex;align-items:center;gap:9px;width:auto;height:54px;min-height:54px;padding:0 18px 0 16px;border:0;border-radius:999px;background:#fff;color:#201e1d;font:inherit;font-size:14.5px;font-weight:650;white-space:nowrap;cursor:pointer;transition:box-shadow .15s}
.mi-sejour.sj-barre .mi-dd-btn{max-width:240px}
.mi-sejour.sj-barre .sj-bar-ins .mi-dd-btn{max-width:260px}
.mi-sejour.sj-barre .sj-range span,.mi-sejour.sj-barre .mi-dd-btn>span{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mi-sejour.sj-barre .sj-range svg,.mi-sejour.sj-barre .mi-dd-btn svg{flex:none;color:var(--sj-rouge)}
.mi-sejour.sj-barre .sj-range.placeholder,.mi-sejour.sj-barre .mi-dd-btn.placeholder{color:#5f5c5a;font-weight:600}
.mi-sejour.sj-barre .sj-range:hover,.mi-sejour.sj-barre .mi-dd-btn:hover,.mi-sejour.sj-barre .sj-range[aria-expanded=true],.mi-sejour.sj-barre .mi-dd-btn[aria-expanded=true]{border:0;box-shadow:0 0 0 3px rgba(236,48,19,.38)}
.mi-sejour.sj-barre .sj-range:focus-visible,.mi-sejour.sj-barre .mi-dd-btn:focus-visible{outline:2px solid #ffb4a6;outline-offset:2px}
.mi-sejour.sj-barre .sj-bar-pill.lit .sj-range,.mi-sejour.sj-barre .sj-bar-pill.lit .mi-dd-btn{box-shadow:0 0 0 3px rgba(236,48,19,.55)}
.mi-sejour.sj-barre .mi-dd-menu,.mi-sejour.sj-barre .sj-cal{top:calc(100% + 8px);color:#201e1d}
.mi-sejour.sj-barre .mi-dd-menu{z-index:80}
.mi-sejour.sj-barre .sj-cal{z-index:90}
@media(max-width:620px){
  .mi-sejour.sj-barre{width:100%;gap:8px}
  .mi-sejour.sj-barre .sj-bar-pill{flex:1 1 auto}
  .mi-sejour.sj-barre .sj-range,.mi-sejour.sj-barre .sj-bar-pill .mi-dd-btn{width:100%;max-width:none;height:48px;min-height:48px;padding:0 14px;font-size:14px}
  .mi-sejour.sj-barre .sj-bar-ins{flex-basis:100%}
}
/* sur téléphone, le calendrier de la barre est la feuille du bas de l'écran (comme dans la fiche), jamais sous la pilule */
@media(max-width:700px){.mi-sejour.sj-barre .sj-cal{top:auto}}
/* dans le cockpit : la fiche repliée sous la barre d'ajout */
.mi-v2 .mi-v2-add .add-structured{margin:10px 0 0;padding:14px 16px;border:1px solid var(--ligne2);border-radius:16px;background:#fff}
.mi-v2 .mi-v2-add .add-structured[hidden]{display:none}
/* 21/10/2026 (revue M10) : la famille — « Vous », puis « Vos proches » ; la date de naissance tapée (jj/mm/aaaa) */
.mi-sejour .sj-sub{margin:2px 0 -2px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sj-muet)}
.mi-sejour input.sj-dob{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.mi-sejour input.sj-dob.need{border-color:var(--sj-rouge2);box-shadow:0 0 0 3px rgba(196,42,16,.15)}
/* 21/10/2026 (revue D-23) : sur téléphone, le calendrier est une feuille du bas — un voile derrière, quatre raccourcis sur
   une ligne, un mois à la fois (assets/cockpit-v2-sejour.js : sheet(), html.mi-sheet-open) */
.mi-sejour .sj-cal-veil{position:fixed;inset:0;z-index:1000;background:rgba(22,21,20,.52);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.mi-sejour .sj-cal-veil[hidden]{display:none!important}
@media(max-width:700px){
  .mi-sejour .sj-cal,.mi-sejour.sj-barre .sj-cal{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:1001;width:auto;max-height:86vh;max-height:86dvh;overflow:auto;
    padding:16px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;box-shadow:0 -18px 48px rgba(22,21,20,.28)}
  .mi-sejour .sj-cal-top{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:10px;margin:0 0 12px}
  .mi-sejour .sj-cal-top p{min-height:30px;display:flex;align-items:center;padding-right:112px}
  .mi-sejour .sj-cal-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .mi-sejour .sj-cal-presets .sj-chip{padding:8px 4px;text-align:center;white-space:nowrap}
  .mi-sejour .sj-cal-nav{top:14px;right:14px}
  .mi-sejour .sj-cal-ms{grid-template-columns:minmax(0,1fr)}
  .mi-sejour .sj-cal-g button{height:40px}
}
/* 21/10/2026 (revue D-06) : « pour qui » de la barre de l'accueil, sous le champ destination — petit, gris, comme la ligne
   des sources : une case « en famille », un lien « pour mes collaborateurs → » (sejour_form.bar_who_html) */
.sj-bar-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:8px 2px 0;font-size:12.5px;line-height:1.35;color:#b5afaa}
.sj-bar-who [hidden]{display:none!important}
.sj-bar-who .sj-bar-fam{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:500}
.sj-bar-who .sj-bar-fam:hover{color:#fff}
.destbar .sj-bar-who input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:15px;min-width:0;height:15px;margin:0;padding:0;border:1.5px solid #8a847f;border-radius:5px;background:transparent center/10px no-repeat;box-shadow:none;cursor:pointer}
.destbar .sj-bar-who input[type=checkbox]:checked{border-color:#fff;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 6.2 2.3 2.3 4.7-4.9' fill='none' stroke='%23201e1d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sj-bar-who input[type=checkbox]:checked+span{color:#fff;font-weight:600}
.sj-bar-who input[type=checkbox]:focus-visible,.sj-bar-who .sj-bar-pro:focus-visible{outline:2px solid #ffb4a6;outline-offset:2px}
.sj-bar-who .sj-bar-pro{border:0;background:none;padding:2px 0;font:inherit;font-size:12.5px;font-weight:500;color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.28);text-underline-offset:3px;cursor:pointer}
.sj-bar-who .sj-bar-pro:hover{color:#fff;text-decoration-color:#fff}
.sj-bar-who .sj-bar-pro-on{color:#fff;font-weight:600}
.sj-bar-who .sj-bar-pro-on::after{content:"·";margin-left:12px;color:#8a847f;font-weight:400}
/* 22/10/2026 (Lot 2) : les blocs Transport et Logement — deux cadres sur toute la largeur de la fiche, le mode et le type en
   pilules (des boutons radio ; à 390 px elles passent à la ligne), la grille d'un segment (compagnie, numéro, PNR, date et
   heure), le retour replié derrière « + mon retour », « pas encore réservé » qui éteint les champs */
.mi-sejour fieldset{min-width:0}
.mi-sejour .sj-block{grid-column:1/-1;gap:10px}
.mi-sejour .sj-pills{display:flex;flex-wrap:wrap;gap:6px}
.mi-sejour label.sj-pill{position:relative;display:inline-flex;align-items:center;gap:0;padding:7px 13px;border:1px solid var(--sj-ligne);border-radius:999px;background:#fff;font-size:13px;font-weight:600;line-height:1.2;color:var(--sj-ink2);cursor:pointer;white-space:nowrap;max-width:100%}
.mi-sejour .sj-pill input{position:absolute;width:1px;height:1px;min-width:0;margin:0;padding:0;opacity:0;pointer-events:none}
.mi-sejour .sj-pill:hover{border-color:var(--sj-ink);color:var(--sj-ink)}
.mi-sejour .sj-pill:has(input:checked){border-color:var(--sj-ink);background:var(--sj-ink);color:#fff}
.mi-sejour .sj-pill:has(input:focus-visible){outline:2px solid #f3b9b2;outline-offset:2px}
.mi-sejour .sj-seg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:start}
.mi-sejour .sj-lg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}
.mi-sejour .sj-seg .w2,.mi-sejour .sj-lg .w2{grid-column:span 2}
.mi-sejour .sj-seg-t{grid-column:1/-1;margin:0 0 -4px}
.mi-sejour .sj-when{display:grid;gap:4px;min-width:0;align-self:start}
.mi-sejour .sj-when-in{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:6px}
.mi-sejour input.sj-date,.mi-sejour input.sj-time{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.mi-sejour input[name$="_number"],.mi-sejour input[name=pnr]{text-transform:uppercase;font-variant-numeric:tabular-nums}
.mi-sejour input[name$="_number"]::placeholder,.mi-sejour input[name=pnr]::placeholder{text-transform:none}
.mi-sejour label.sj-check-in{align-self:end;min-height:44px;padding:0 2px;font-size:13px;color:var(--sj-ink2)}
.mi-sejour input:disabled{background:#f6f3f0;color:#9a948f;border-color:#e6e1dc;cursor:not-allowed}
.mi-sejour .sj-unbooked-note{margin:-2px 0 0;font-size:12.5px;line-height:1.45;color:var(--sj-muet)}
.mi-sejour .sj-unbooked-note[hidden]{display:none!important}
.mi-sejour .sj-retour-btn{justify-self:start}
.mi-sejour .sj-retour-btn[aria-expanded=true]{border-style:solid;border-color:var(--sj-ink)}
.mi-sejour .sj-seg[hidden]{display:none!important}
@media(max-width:820px){.mi-sejour .sj-seg,.mi-sejour .sj-lg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.mi-sejour label.sj-pill{padding:6px 11px;font-size:12.5px}.mi-sejour .sj-block{padding:12px 12px}}
/* 22/10/2026 (Lot 3, C3) : « De » / « À » du mode avion, en tête de chaque segment — la moitié de la rangée chacun (la ligne entière à
   390 px), une liste d'aéroports sous le champ (ville, nom, code et pays), « suggéré » sur ce que la fiche a prérempli (« À » depuis la
   destination, le retour à l'envers de l'aller), en pointillé tant qu'on n'y a pas touché ; masqués hors du mode avion */
.mi-sejour .sj-ap{grid-column:span 3;position:relative}
.mi-sejour .sj-transport:not([data-kind=avion]) .sj-ap{display:none}
.mi-sejour .sj-ap-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--sj-rose);color:var(--sj-rouge2);font-size:10.5px;font-weight:700;line-height:1.5;vertical-align:1px}
.mi-sejour .sj-ap.is-sugg input{border-style:dashed;border-color:#c9c2bb}
.mi-sejour .sj-ap .sj-sugg button>span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.mi-sejour .sj-ap .sj-sugg button>span b{font-weight:700}
.mi-sejour .sj-ap .sj-sugg button[aria-selected=true]{border-color:#f3b9b2;background:var(--sj-rose)}
@media(max-width:820px){.mi-sejour .sj-ap{grid-column:span 1}}
@media(max-width:520px){.mi-sejour .sj-ap{grid-column:span 2}}
/* 23/10/2026 : « ⚡ Glisser un billet (PDF, photo) ou taper un n° de vol/train » (sejour_form.ticket_html) — la fiche, le cockpit et la
   barre encre de l'accueil ; la proposition lue, « C'est bien ça » */
.sj-ticket{--tk-ink:#201e1d;--tk-muet:#69645f;--tk-ligne:#d9d3cc;--tk-rouge:#ec3013;--tk-rose:#fff0eb;display:grid;gap:6px;min-width:0;font-family:inherit}
.sj-ticket *{box-sizing:border-box}
.sj-ticket .sj-ticket-in{display:flex;align-items:center;gap:6px;min-width:0;padding:4px 4px 4px 12px;border:1.5px dashed #c9c2bb;border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s}
.sj-ticket .sj-ticket-in:focus-within{border-style:solid;border-color:var(--tk-ink)}
.sj-ticket .sj-ticket-in.drag{border-style:solid;border-color:var(--tk-rouge);box-shadow:0 0 0 3px rgba(236,48,19,.18);background:var(--tk-rose)}
.sj-ticket .sj-ticket-k{flex:none;font-size:16px;line-height:1}
.sj-ticket input[data-sj-ticket-q]{flex:1 1 auto;min-width:0;width:auto;height:38px;padding:0 4px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;font:inherit;font-size:14.5px;font-weight:500;color:var(--tk-ink)}
.sj-ticket input[data-sj-ticket-q]::placeholder{color:#8f8984;font-weight:500;opacity:1}
.sj-ticket .sj-ticket-file,.sj-ticket .sj-ticket-go{flex:none;display:inline-flex;align-items:center;justify-content:center;height:36px;border:1px solid var(--tk-ligne);border-radius:10px;background:#fff;color:var(--tk-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.sj-ticket .sj-ticket-file{width:38px;padding:0}.sj-ticket .sj-ticket-go{padding:0 14px;background:var(--tk-ink);border-color:var(--tk-ink);color:#fff}
.sj-ticket .sj-ticket-file:hover{border-color:var(--tk-ink)}.sj-ticket .sj-ticket-go:hover{background:#000}
.sj-ticket .sj-ticket-file:focus-visible,.sj-ticket .sj-ticket-go:focus-visible{outline:2px solid #f3b9b2;outline-offset:2px}
.sj-ticket.busy .sj-ticket-go{opacity:.6;pointer-events:none}
.sj-ticket .sj-ticket-st{margin:0;font-size:12.5px;line-height:1.4;color:var(--tk-muet)}.sj-ticket .sj-ticket-st:empty{display:none}
.sj-ticket .sj-ticket-st.err{color:#c42a10;font-weight:600}.sj-ticket .sj-ticket-st.ok{color:#1f7a45;font-weight:600}
.sj-ticket .sj-ticket-prop[hidden]{display:none}
.sj-ticket .sj-ticket-card{display:grid;gap:8px;padding:14px 16px;border:1px solid var(--tk-ligne);border-radius:16px;background:#fff;color:var(--tk-ink);box-shadow:0 12px 30px rgba(32,30,29,.10);font-size:13.5px;line-height:1.45;text-align:left}
.sj-ticket .sj-ticket-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin:0;font-size:14px}
.sj-ticket .sj-ticket-conf{padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:700;background:#eef6f1;color:#1f7a45}
.sj-ticket .sj-ticket-conf.c-moyenne{background:#fff6e5;color:#8a5a00}.sj-ticket .sj-ticket-conf.c-basse{background:#f3f1ef;color:var(--tk-muet)}
.sj-ticket .sj-ticket-dl{display:grid;gap:4px;margin:0}
.sj-ticket .sj-ticket-dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}
.sj-ticket .sj-ticket-dl dt{font-size:12px;font-weight:700;color:var(--tk-muet)}.sj-ticket .sj-ticket-dl dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.sj-ticket .sj-ticket-miss{margin:0;padding:7px 10px;border-radius:10px;background:var(--tk-rose);font-size:12.5px;font-weight:600}
.sj-ticket .sj-ticket-note,.sj-ticket .sj-ticket-kept{margin:0;font-size:12px;color:var(--tk-muet)}
.sj-ticket .sj-ticket-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sj-ticket .sj-ticket-ok{height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--tk-rouge);color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.sj-ticket .sj-ticket-ok:hover{background:#c42a10}
.sj-ticket .sj-ticket-no{height:40px;padding:0 12px;border:0;background:none;color:var(--tk-muet);font:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sj-ticket .sj-ticket-ok:focus-visible,.sj-ticket .sj-ticket-no:focus-visible,.sj-ticket .sj-ticket-more:focus-visible{outline:2px solid #f3b9b2;outline-offset:2px}
.sj-ticket .sj-ticket-past-k{display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:#f6f4f2}
.sj-ticket .sj-ticket-past-k p{margin:0}
.sj-ticket .sj-ticket-more{justify-self:start;border:0;background:none;padding:2px 0;font:inherit;font-size:13px;font-weight:800;color:var(--tk-rouge);cursor:pointer;text-align:left}
.sj-ticket .sj-ticket-pastbox{margin-top:8px}
/* dans la fiche : sur toute la largeur, au-dessus de la destination */
.mi-sejour .sj-ticket{margin:0 0 2px}
/* sous le champ de la barre encre : discret, lisible sur fond sombre */
.destbar .sj-ticket{margin:8px 0 0;max-width:640px}
.destbar .sj-ticket .sj-ticket-in{padding:2px 3px 2px 10px;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06)}
.destbar .sj-ticket .sj-ticket-in:focus-within{border-color:#fff;background:rgba(255,255,255,.1)}
.destbar .sj-ticket .sj-ticket-in.drag{border-color:#ffb4a6;background:rgba(236,48,19,.18)}
.destbar .sj-ticket input[data-sj-ticket-q]{height:34px;font-size:13.5px;color:#fff}
.destbar .sj-ticket input[data-sj-ticket-q]::placeholder{color:#b5afaa}
/* 24/10/2026 : le remplissage automatique du navigateur (Edge, Chrome) peignait le champ en blanc sous le texte blanc de la barre */
.sj-ticket input[data-sj-ticket-q]:-webkit-autofill,.sj-ticket input[data-sj-ticket-q]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tk-ink);-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset!important;transition:background-color 9999s ease-out}
.destbar .sj-ticket input[data-sj-ticket-q]:-webkit-autofill,.destbar .sj-ticket input[data-sj-ticket-q]:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #2a2725 inset;box-shadow:0 0 0 1000px #2a2725 inset!important}
.destbar .sj-ticket .sj-ticket-file{height:30px;width:32px;border-color:rgba(255,255,255,.25);background:transparent;color:#fff}
.destbar .sj-ticket .sj-ticket-go{height:30px;padding:0 12px;border-color:#fff;background:#fff;color:#201e1d}
.destbar .sj-ticket .sj-ticket-st{color:#c9c3be}.destbar .sj-ticket .sj-ticket-st.err{color:#ffb4a6}.destbar .sj-ticket .sj-ticket-st.ok{color:#9fe0b8}
.destbar .sj-ticket .sj-ticket-card{position:relative;z-index:60}
@media(max-width:620px){
  .sj-ticket .sj-ticket-dl>div{grid-template-columns:1fr;gap:0}
  .sj-ticket .sj-ticket-go{padding:0 10px}
  .destbar .sj-ticket{max-width:none}
}
/* 23/10/2026 (v2, V2-1) : le sens du voyage et « Jusqu'à quand restez-vous ? » */
.mi-sejour .sj-fin-sejour{display:block;margin:6px 0 2px}.mi-sejour .sj-fin-sejour input{max-width:160px}.mi-sejour .sj-trajet-note{margin:4px 0 0;color:var(--mi-muted,#6b6b6b)}.mi-sejour .sj-transport[data-trajet=aller_simple] .sj-retour-btn{display:none}
/* 24/10/2026 (LA FICHE DE DÉPART, MAXIMUM_OFFRE_V2 : sejour_form._depart_html) — le sens du voyage, la ligne Transport et la ligne Logement :
   un petit intitulé, le menu (« Comment partez-vous ? », « Où dormez-vous ? »), les champs du mode sur UNE ligne qui passe à la ligne
   quand la place manque, le trombone et son lecteur ; dans les fiches (fond clair) puis dans la barre encre de l'accueil ; à 390 px,
   une colonne, menus et champs pleine largeur */
.sj-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.mi-sejour .sj-depart{grid-column:1/-1;display:grid;gap:10px;min-width:0}
.mi-sejour .sj-dp-trajet{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0}
.mi-sejour .sj-dp-trajet .sj-fin-sejour{flex:1 1 100%;margin:0}
.mi-sejour .sj-dp-trajet .sj-trajet-note{flex:1 1 100%;margin:0}
.mi-sejour .sj-dp-block{display:grid;gap:8px;min-width:0}
.mi-sejour .sj-dp-line{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;align-items:start;min-width:0}
.mi-sejour .sj-dp-body{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;min-width:0}
.mi-sejour .sj-dp-line--retour .sj-dp-body{padding-left:240px}
.mi-sejour .sj-dp-k{padding-top:15px;line-height:1.2;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sj-muet)}
.mi-sejour .sj-dp-menu{flex:0 0 232px;min-width:0}
.mi-sejour .sj-dp-menu .mi-dd{display:block}
.mi-sejour .sj-dp-menu .mi-dd-btn{width:100%;min-height:44px}
.mi-sejour .sj-dp-menu .mi-dd-btn svg{flex:none;color:var(--sj-rouge)}
.mi-sejour .sj-dp-seg{display:contents}
.mi-sejour label.sj-dp-f{display:block;position:relative;flex:1 1 150px;min-width:0;font-weight:500}
.mi-sejour label.sj-dp-num{flex:0 1 112px}
.mi-sejour label.sj-dp-ap{flex:1 1 150px}
.mi-sejour label.sj-dp-grow{flex:3 1 260px}
.mi-sejour label.sj-dp-arr{flex:0 1 136px}
.mi-sejour .sj-dp-when{display:flex;gap:6px;flex:0 1 200px;min-width:0}
.mi-sejour .sj-dp-when .sj-date{flex:3 1 0;min-width:0}.mi-sejour .sj-dp-when .sj-time{flex:2 1 0;min-width:0}
.mi-sejour label.sj-dp-desk{align-self:center;min-height:44px}
.mi-sejour .sj-dp-f .sj-sugg{min-width:min(300px,86vw);right:auto}
.mi-sejour .sj-dp-f>.sj-status{display:block;margin-top:4px}
.mi-sejour .sj-dp-ap .sj-ap-tag{position:absolute;top:12px;right:9px;margin:0;pointer-events:none}
.mi-sejour .sj-dp-ap .sj-status{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.mi-sejour .sj-dp-clip{flex:none;display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 13px;border:1px dashed #a8a3a0;border-radius:12px;background:#fff;color:var(--sj-ink);font:inherit;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap}
.mi-sejour .sj-dp-clip:hover,.mi-sejour .sj-dp-clip[aria-expanded=true]{border-style:solid;border-color:var(--sj-ink)}
.mi-sejour .sj-dp-clip:focus-visible{outline:2px solid #f3b9b2;outline-offset:2px}
.mi-sejour .sj-dp-clip svg{flex:none;color:var(--sj-rouge)}
.mi-sejour .sj-dp-line .sj-retour-btn{align-self:center}
.mi-sejour .sj-dp-attach{padding-left:104px}
.mi-sejour .sj-dp-attach .sj-ticket{margin:0;max-width:720px}
.mi-sejour .sj-dp-attach .sj-ticket-k{color:var(--sj-rouge);display:inline-flex}
.mi-sejour .sj-depart .sj-unbooked-note{margin:0;padding-left:104px}
/* les champs selon le mode : « Pas encore réservé » ne garde que sa phrase ; « De » / « À » en avion seulement (data-kind, règle du Lot 3) */
.mi-sejour .sj-transport[data-dmode=non_reserve] .sj-dp-seg,.mi-sejour .sj-transport[data-dmode=non_reserve] .sj-dp-clip,.mi-sejour .sj-transport[data-dmode=non_reserve] .sj-dp-attach{display:none!important}
.mi-sejour .sj-lodging[data-lmode=non_reserve] label.sj-dp-f,.mi-sejour .sj-lodging[data-lmode=non_reserve] .sj-dp-clip,.mi-sejour .sj-lodging[data-lmode=non_reserve] .sj-dp-desk,.mi-sejour .sj-lodging[data-lmode=non_reserve] .sj-dp-attach{display:none!important}
@media(max-width:820px){.mi-sejour .sj-dp-attach,.mi-sejour .sj-depart .sj-unbooked-note,.mi-sejour .sj-dp-line--retour .sj-dp-body{padding-left:0}}
@media(max-width:620px){
  .mi-sejour .sj-dp-line{grid-template-columns:minmax(0,1fr)}
  .mi-sejour .sj-dp-k{padding-top:2px}
  .mi-sejour .sj-dp-menu,.mi-sejour label.sj-dp-f,.mi-sejour label.sj-dp-num,.mi-sejour label.sj-dp-ap,.mi-sejour label.sj-dp-grow,.mi-sejour label.sj-dp-arr,.mi-sejour .sj-dp-when{flex:1 1 100%}
  .mi-sejour .sj-dp-clip{flex:1 1 auto;justify-content:center}
}
/* dans la barre encre de l'accueil : les champs blancs sans trait, les intitulés et les phrases en gris clair, les pilules du sens du voyage
   en contour (choisie : blanche) ; les menus de la barre ont la hauteur des champs, pas celle des pilules */
.mi-sejour.sj-barre--depart .sj-depart{flex:1 1 100%;color:#efe9e3;line-height:1.45}
.mi-sejour.sj-barre--depart .sj-depart input:not([type=checkbox]):not([type=radio]):not([data-sj-ticket-q]){border-color:transparent;background:#fff;color:#201e1d}
.mi-sejour.sj-barre--depart .sj-depart input:not([type=checkbox]):not([type=radio]):not([data-sj-ticket-q]):focus{outline:2px solid #ffb4a6;outline-offset:1px}
.mi-sejour.sj-barre--depart .sj-dp-k{color:#b5afaa}
.mi-sejour.sj-barre--depart .sj-depart .mi-dd{height:auto}
.mi-sejour.sj-barre--depart .sj-depart .mi-dd-btn{width:100%;max-width:none;height:44px;min-height:44px;padding:0 12px 0 14px;border:0;border-radius:12px;background:#fff;color:#201e1d;font-size:14px;font-weight:650}
.mi-sejour.sj-barre--depart .sj-depart .mi-dd-btn.placeholder{color:#5f5c5a;font-weight:600}
.mi-sejour.sj-barre--depart .sj-depart .mi-dd-menu{z-index:85}
.mi-sejour.sj-barre--depart .sj-dp-clip{border-color:rgba(255,255,255,.32);background:transparent;color:#fff}
.mi-sejour.sj-barre--depart .sj-dp-clip:hover,.mi-sejour.sj-barre--depart .sj-dp-clip[aria-expanded=true]{border-color:#fff;border-style:solid}
.mi-sejour.sj-barre--depart .sj-dp-clip svg{color:#ff8a70}
.mi-sejour.sj-barre--depart .sj-dp-clip:focus-visible{outline-color:#ffb4a6}
.mi-sejour.sj-barre--depart .sj-retour-btn{border-color:rgba(255,255,255,.32);background:transparent;color:#efe9e3}
.mi-sejour.sj-barre--depart .sj-retour-btn[aria-expanded=true]{border-color:#fff}
.mi-sejour.sj-barre--depart label.sj-pill{border-color:rgba(255,255,255,.28);background:transparent;color:#e8e3de}
.mi-sejour.sj-barre--depart label.sj-pill:hover{border-color:#fff;color:#fff}
.mi-sejour.sj-barre--depart .sj-pill:has(input:checked){border-color:#fff;background:#fff;color:#201e1d}
.mi-sejour.sj-barre--depart .sj-fin-sejour .sj-lab,.mi-sejour.sj-barre--depart .sj-fin-sejour label{color:#efe9e3}
.mi-sejour.sj-barre--depart .sj-fin-sejour small,.mi-sejour.sj-barre--depart .sj-trajet-note,.mi-sejour.sj-barre--depart .sj-unbooked-note,.mi-sejour.sj-barre--depart .sj-dp-f>.sj-status{color:#c9c3be}
.mi-sejour.sj-barre--depart label.sj-check{color:#c9c3be}.mi-sejour.sj-barre--depart label.sj-check:hover{color:#fff}
.mi-sejour.sj-barre--depart .sj-check input{border-color:#8a847f;background-color:transparent}
.mi-sejour.sj-barre--depart .sj-check input:checked{border-color:#fff;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 6.2 2.3 2.3 4.7-4.9' fill='none' stroke='%23201e1d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.mi-sejour.sj-barre--depart .sj-check input:checked+span{color:#fff}
.mi-sejour.sj-barre--depart .sj-ap-tag{background:#fff0eb;color:#c42a10}
.mi-sejour.sj-barre--depart .sj-dp-attach .sj-ticket .sj-ticket-in{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06)}
.mi-sejour.sj-barre--depart .sj-dp-attach .sj-ticket .sj-ticket-in:focus-within{border-color:#fff;background:rgba(255,255,255,.1)}
.mi-sejour.sj-barre--depart .sj-dp-attach .sj-ticket input[data-sj-ticket-q]{height:34px;font-size:13.5px;color:#fff}
.mi-sejour.sj-barre--depart .sj-dp-attach .sj-ticket input[data-sj-ticket-q]::placeholder{color:#b5afaa}
.mi-sejour.sj-barre--depart .sj-dp-attach .sj-ticket .sj-ticket-k{color:#ff8a70}
.mi-sejour.sj-barre--depart .sj-dp-attach .sj-ticket .sj-ticket-file{height:30px;width:32px;border-color:rgba(255,255,255,.25);background:transparent;color:#fff}
.mi-sejour.sj-barre--depart .sj-dp-attach .sj-ticket .sj-ticket-go{height:30px;padding:0 12px;border-color:#fff;background:#fff;color:#201e1d}
.mi-sejour.sj-barre--depart .sj-dp-attach .sj-ticket .sj-ticket-st{color:#c9c3be}.mi-sejour.sj-barre--depart .sj-dp-attach .sj-ticket .sj-ticket-st.err{color:#ffb4a6}.mi-sejour.sj-barre--depart .sj-dp-attach .sj-ticket .sj-ticket-st.ok{color:#9fe0b8}
.mi-sejour.sj-barre--depart .sj-dp-attach .sj-ticket .sj-ticket-card{position:relative;z-index:60}
.sj-barre--depart .sj-ticket input[data-sj-ticket-q]:-webkit-autofill,.sj-barre--depart .sj-ticket input[data-sj-ticket-q]:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #2a2725 inset;box-shadow:0 0 0 1000px #2a2725 inset!important}
@media(max-width:620px){.mi-sejour.sj-barre--depart .sj-depart{flex-basis:100%}}
/* 24/10/2026 (relecture UI/UX, I14 / M5, MAXIMUM_OFFRE_V2) : le champ ⚡ EN TÊTE de la fiche de départ — plus haut, sur toute la largeur, le
   trombone dit « Joindre ma réservation » (le seul de la fiche) ; à 390 px, le champ sur sa ligne et les deux boutons dessous */
.sj-ticket .sj-ticket-file.sj-ticket-file--txt{width:auto;gap:7px;padding:0 12px}
.sj-ticket .sj-ticket-file--txt span{font-size:13px;font-weight:700;white-space:nowrap}
.destbar .sj-ticket.sj-ticket--barre{max-width:none;margin:0}
.destbar .sj-ticket--barre .sj-ticket-in{padding:5px 5px 5px 14px;border-color:rgba(255,255,255,.4)}
.destbar .sj-ticket--barre input[data-sj-ticket-q]{height:38px;font-size:14.5px}
.destbar .sj-ticket--barre .sj-ticket-k{font-size:17px}
.destbar .sj-ticket--barre .sj-ticket-file.sj-ticket-file--txt{width:auto;height:36px;padding:0 12px}
.destbar .sj-ticket--barre .sj-ticket-go{height:36px}
@media(max-width:620px){
  .destbar .sj-ticket--barre .sj-ticket-in{flex-wrap:wrap;row-gap:6px;padding:6px 6px 6px 12px}
  .destbar .sj-ticket--barre input[data-sj-ticket-q]{flex:1 1 calc(100% - 40px);min-width:0}
  .destbar .sj-ticket--barre .sj-ticket-file.sj-ticket-file--txt{flex:1 1 auto;justify-content:center}
}
/* 24/10/2026 (relecture UI/UX, M5) : un seul champ pour un vol — reconnu, le numéro reste seul à l'écran, la compagnie dite à côté */
.mi-sejour [data-one="num"] label.sj-dp-num{flex:1 1 230px}
.mi-sejour label.sj-dp-num .sj-num-rec{position:absolute;right:12px;top:50%;transform:translateY(-50%);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:12px;font-weight:600;color:#6b6560;pointer-events:none}
.mi-sejour label.sj-dp-num .sj-num-rec[hidden]{display:none}
.mi-sejour [data-one="num"] label.sj-dp-num input{padding-right:46%}