#view-opportunites > .sbc-flow-hero > .glow,
#view-contact > .sbc-flow-contact-hero > .glow {position:absolute!important;pointer-events:none}
#view-opportunites > .sbc-flow-hero,
#view-contact > .sbc-flow-contact-hero {min-height:0;padding-top:calc(var(--hdr-h,110px) + 32px);padding-bottom:36px}
#view-opportunites .sbc-flow-hero h1 {font-size:clamp(2rem,3.8vw,3.2rem)}
#view-opportunites .sbc-flow-hero .arch-page {min-height:0}
#view-opportunites .sbc-flow-hero .visuel-gv {width:176px!important;height:176px!important;object-fit:contain}
#view-opportunites .sbc-flow-selection {padding-top:22px;padding-bottom:40px}
#view-opportunites #optabs {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-bottom:0}
#view-opportunites #optabs .sbc-flow-choice {min-width:0;min-height:88px;padding:19px 22px!important;justify-content:center;text-decoration:none}
#view-opportunites #optabs .sbc-flow-choice .tt {font-size:clamp(1.12rem,1.65vw,1.45rem)!important;letter-spacing:0!important}
#view-opportunites #optabs .sbc-flow-choice .tk {order:0!important;margin:7px 0 0!important;font-family:var(--sans)!important;font-size:var(--sbc-type-meta)!important;line-height:1.4;letter-spacing:0!important}
#view-opportunites .sbc-flow-funnel {margin-top:28px;scroll-margin-top:calc(var(--hdr-h,110px) + 24px)}
#view-opportunites .sbc-flow-funnel-layout {display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.65fr);gap:clamp(28px,4vw,56px);align-items:start}
#view-opportunites .sbc-flow-context {min-width:0;padding-top:30px}
#view-opportunites .sbc-flow-context h2 {font-size:clamp(1.5rem,2.35vw,2.15rem);line-height:1.15}
#view-opportunites .sbc-flow-context .funnel-intro {max-width:none;margin:14px 0 22px;text-align:left;font-size:var(--sbc-type-body);line-height:1.6;color:var(--muted)}
#view-opportunites .sbc-flow-form-panel {min-width:0}
#view-opportunites .sbc-flow-form-panel .formcard,
#view-contact .sbc-flow-contact-form .formcard {width:100%;max-width:none;margin:0;padding:clamp(24px,2.4vw,36px)}
#view-opportunites .sbc-flow-form-note,
#view-contact .sbc-flow-form-note {margin:0 0 12px;color:var(--muted);font-size:var(--sbc-type-meta);line-height:1.55}
#view-opportunites .sbc-flow-form-note a,
#view-contact .sbc-flow-form-note a,
#view-opportunites .sbc-flow-other-links a {color:var(--gold-soft);text-decoration:underline;text-underline-offset:4px}
#view-opportunites .sbc-flow-details,
#view-contact .sbc-flow-details {border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#view-opportunites .sbc-flow-details summary,
#view-contact .sbc-flow-details summary {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 0;cursor:pointer;color:var(--gold-soft);font-size:var(--sbc-type-caption);line-height:1.45;list-style:none}
#view-opportunites .sbc-flow-details summary::-webkit-details-marker,
#view-contact .sbc-flow-details summary::-webkit-details-marker {display:none}
#view-opportunites .sbc-flow-details-body,
#view-contact .sbc-flow-details-body {padding:0 0 18px;color:var(--muted);font-size:var(--sbc-type-caption);line-height:1.6}
#view-opportunites .sbc-flow-details-body dl {margin:0}
#view-opportunites .sbc-flow-details-body dl > div + div {margin-top:16px}
#view-opportunites .sbc-flow-details-body dt {font-weight:600;color:var(--cream)}
#view-opportunites .sbc-flow-details-body dd {margin:5px 0 0}
#view-opportunites .sbc-flow-other-links {margin:24px 0 0;color:var(--muted);font-size:var(--sbc-type-caption);line-height:1.7;text-align:right}
#view-opportunites .sbc-flow-choice:focus-visible,
#view-opportunites .sbc-flow-details summary:focus-visible,
#view-contact .sbc-flow-details summary:focus-visible,
#view-contact .sbc-flow-access:focus-visible {outline:2px solid var(--gold);outline-offset:5px}
#view-contact .sbc-flow-contact-layout {display:grid!important;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)!important;gap:clamp(32px,5vw,72px)!important;align-items:start!important}
#view-contact .sbc-flow-contact-copy {min-width:0}
#view-contact .sbc-flow-contact-copy h1 {font-size:clamp(2.1rem,3.7vw,3.3rem)}
#view-contact .sbc-flow-contact-copy .intro {max-width:35ch}
#view-contact .sbc-flow-access {display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:16px;color:var(--gold-soft);font-size:var(--sbc-type-caption);text-decoration:underline;text-underline-offset:5px}
#view-contact .sbc-flow-contact-copy .arch-page {min-height:0;justify-content:flex-start;margin-top:30px;padding:0}
#view-contact .sbc-flow-contact-copy .arch-page::before {content:none}
#view-contact .sbc-flow-contact-copy .visuel-gv {width:176px!important;height:176px!important;object-fit:contain}
#view-contact .sbc-flow-contact-form {min-width:0}
#view-contact .sbc-flow-next {margin-top:18px}
#view-contact #form-contact {scroll-margin-top:calc(var(--hdr-h,110px) + 20px)}
@media(max-width:1000px) and (min-width:761px){
#view-opportunites .sbc-flow-form-panel .formgrid,
#view-contact .sbc-flow-contact-form .formgrid {grid-template-columns:1fr}
#view-opportunites .sbc-flow-funnel-layout {grid-template-columns:minmax(200px,.75fr) minmax(0,1.25fr)}
}
@media(max-width:760px){
#view-opportunites > .page-hero.sbc-flow-hero,
#view-contact > .page-hero.sbc-flow-contact-hero {padding-top:calc(var(--hdr-h,80px) + 20px)!important;padding-bottom:24px!important}
#view-opportunites .sbc-flow-hero > .wrap {display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:14px}
#view-opportunites .sbc-flow-hero .ph-texte {grid-column:1/-1;grid-row:1}
#view-opportunites .sbc-flow-hero .eyebrow {min-height:54px;margin:0 82px 10px 0;display:flex;align-items:center}
#view-opportunites .sbc-flow-hero h1 {font-size:clamp(1.9rem,7.5vw,2.5rem);margin-bottom:12px}
#view-opportunites .sbc-flow-hero .intro {font-size:var(--sbc-type-body);line-height:1.55}
#view-opportunites .sbc-flow-hero .arch-page {grid-column:2;grid-row:1;align-self:start;min-height:0;margin:0;padding:0}
#view-opportunites .sbc-flow-hero .arch-page::before {content:none}
#view-opportunites .sbc-flow-hero .visuel-gv {width:64px!important;height:64px!important}
#view-opportunites .sbc-flow-selection {padding-top:12px;padding-bottom:28px}
#view-opportunites #optabs {gap:7px!important}
#view-opportunites #optabs .sbc-flow-choice {min-height:82px;padding:13px 9px!important}
#view-opportunites #optabs .sbc-flow-choice .tt {font-size:var(--sbc-type-body)!important;line-height:1.2!important}
#view-opportunites #optabs .sbc-flow-choice .tk {font-size:var(--sbc-type-meta)!important;margin-top:6px!important}
#view-opportunites .sbc-flow-funnel {margin-top:24px}
#view-opportunites .sbc-flow-funnel-layout {grid-template-columns:1fr;gap:18px}
#view-opportunites .sbc-flow-context {padding-top:0}
#view-opportunites .sbc-flow-context h2 {font-size:1.6rem}
#view-opportunites .sbc-flow-context .funnel-intro {margin:9px 0 13px;font-size:var(--sbc-type-caption)}
#view-opportunites .sbc-flow-other-links {text-align:left}
#view-contact .sbc-flow-contact-layout {grid-template-columns:1fr!important;gap:18px!important}
#view-contact .sbc-flow-contact-copy {display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:0 14px;align-items:center}
#view-contact .sbc-flow-contact-copy > .eyebrow {grid-column:1;grid-row:1;margin:0}
#view-contact .sbc-flow-contact-copy h1 {grid-column:1/-1;margin:12px 0;font-size:clamp(2rem,7vw,2.6rem)}
#view-contact .sbc-flow-contact-copy > .intro,
#view-contact .sbc-flow-contact-copy > .sbc-flow-access {grid-column:1/-1;max-width:none}
#view-contact .sbc-flow-contact-copy > .intro {font-size:var(--sbc-type-body);line-height:1.55}
#view-contact .sbc-flow-contact-copy .arch-page {grid-column:2;grid-row:1;margin:0!important;padding:0!important}
#view-contact .sbc-flow-contact-copy .visuel-gv {width:64px!important;height:64px!important}
#view-contact .sbc-flow-access {margin-top:10px}
#view-opportunites .sbc-flow-form-panel .formcard,
#view-contact .sbc-flow-contact-form .formcard {padding:22px}
}

/* == AFFINAGE UX 22/09/2026 · parcours == */
form[data-lead] .field input:focus-visible,
form[data-lead] .field select:focus-visible,
form[data-lead] .field textarea:focus-visible {
  outline: 2px solid var(--focus-ivory,var(--sbc-color-ivory));
  outline-offset: 3px;
}
form[data-lead][aria-busy="true"] { cursor: progress; }

/* Un seul accent actif : le filet bas. La bordure reste neutre. */
#view-opportunites #optabs .sbc-flow-choice[aria-selected="true"] {
  border-color: rgba(247,244,237,.18) !important;
  background: rgba(var(--brand-gold-rgb),.07);
  background-image: none !important;
  box-shadow: inset 0 -2px var(--gold-brand,var(--brand-gold));
  color: var(--cream);
}

/* A la charniere tablette, texte et illustration partagent le meme plan. */
@media(max-width:900px) and (min-width:761px){
  #view-opportunites .sbc-flow-hero > .wrap {
    display:grid;
    grid-template-columns:minmax(0,1fr) 176px;
    gap:clamp(28px,5vw,48px);
    align-items:center;
  }
  #view-opportunites .sbc-flow-hero .ph-texte { min-width:0; }
  #view-opportunites .sbc-flow-hero .arch-page {
    margin:0;
    padding:0 0 0 28px;
    justify-content:center;
  }
  #view-opportunites .sbc-flow-hero .arch-page::before {
    content:"";
    left:0;
    right:auto;
    top:5%;
    bottom:5%;
    width:1px;
    height:auto;
    background:linear-gradient(180deg,
      rgba(var(--brand-gold-rgb),0),rgba(var(--brand-gold-rgb),.34) 22%,
      rgba(var(--brand-gold-rgb),.34) 78%,rgba(var(--brand-gold-rgb),0));
  }
  #view-contact .sbc-flow-contact-form { padding-top:26px; }
}
@media(max-width:390px){
  #view-opportunites #optabs .sbc-flow-choice { min-height:70px; }
  #view-opportunites #optabs .sbc-flow-choice .tk { display:none; }
}
/* == AFFINAGE UX 22/09/2026 · fin == */

/* Rendez-vous Contact 20260924 : trois formats, un seul langage visuel. */
#view-contact .sbc-contact-booking{padding:clamp(46px,6vw,90px) 0;background:#10192d;border-top:1px solid var(--line-soft)}
#view-contact .sbc-contact-booking-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
#view-contact .sbc-contact-booking-intro h2{font-size:clamp(1.8rem,3.3vw,3rem);max-width:19ch;margin:8px 0 0}
#view-contact .sbc-contact-booking-intro>p{max-width:34ch;margin:0;color:var(--muted);line-height:1.6}
#view-contact .sbc-contact-booking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-contact a.sbc-contact-booking-card{display:flex;flex-direction:column;min-width:0;min-height:270px;padding:clamp(20px,2.2vw,30px);background:var(--sbc-color-navy);border:1px solid var(--line);color:var(--cream);text-decoration:none;transition:border-color .18s ease,background-color .18s ease}
#view-contact a.sbc-contact-booking-card:hover,#view-contact a.sbc-contact-booking-card:focus-visible{border-color:var(--gold);background:#111a2d}
#view-contact a.sbc-contact-booking-card:focus-visible{outline:2px solid var(--focus-ivory,var(--sbc-color-ivory));outline-offset:4px}
#view-contact .sbc-contact-booking-num{font:var(--sbc-type-meta)/1.4 var(--sans);letter-spacing:.14em;color:var(--gold-soft)}
#view-contact .sbc-contact-booking-card h3{font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.2;margin:24px 0 12px}
#view-contact .sbc-contact-booking-card p{font:var(--sbc-type-caption)/1.6 var(--sans);color:var(--muted);margin:0 0 24px}
#view-contact .sbc-contact-booking-link{margin-top:auto;color:var(--gold-soft);font:var(--sbc-type-caption)/1.4 var(--sans);text-decoration:none}
#view-contact .sbc-contact-booking-note{max-width:75ch;color:var(--muted);font:var(--sbc-type-caption)/1.55 var(--sans);margin:22px 0 0}
@media(max-width:900px){#view-contact .sbc-contact-booking-grid{grid-template-columns:1fr}#view-contact a.sbc-contact-booking-card{min-height:0}#view-contact .sbc-contact-booking-card h3{margin-top:14px}}
@media(max-width:640px){#view-contact .sbc-contact-booking-intro{display:block}#view-contact .sbc-contact-booking-intro>p{margin-top:15px}#view-contact .sbc-contact-booking-grid{gap:10px}}
@media(prefers-reduced-motion:reduce){#view-contact a.sbc-contact-booking-card{transition:none}}

/* Retour 14 · 05/10/2026 · le soulignement du libellé passait aussi sous la
   flèche (le libellé est un conteneur flex). Retiré ; la carte retrouve en
   échange le survol prévu par la charte, qui était annulé. */
body.sbc-company #view-contact a.sbc-contact-booking-card:hover{background:var(--sbc-color-hover)!important}

/* AUDIT FINAL 06/10/2026 · UX-04 · Contact au-delà de 760 px : le formulaire est déjà visible au
   premier écran ; « Écrire un message » (ancre vers lui) faisait un second bouton plein inutile. */
@media(min-width:761px){#view-contact .sc-hero-actions .sbc-contact-access{display:none!important}}