/* L'As de Glass — finitions UX 12/09/2026
   - comparatif premium desktop + version mobile compacte
   - formulaire candidature enrichi sur desktop, compact sur mobile
   - garde le fonctionnement métier existant intact
*/

:root{--ldg-navy:#082f59;--ldg-navy2:#061f45;--ldg-cyan:#35c5ec;--ldg-line:#d7e9f2;--ldg-red:#e72d4d;--ldg-ink:#0a2740;--ldg-muted:#6e879a}

/* ---------- COMPARATIF : finition desktop ---------- */
@media (min-width:761px){
  html body #ldg-value-compare .ldgvc-cap-grid{gap:12px!important}
  html body #ldg-value-compare .ldgvc-cap{border:1px solid #d7eaf2!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#fbfdfe)!important;box-shadow:0 16px 34px -32px rgba(5,47,79,.65)!important}
  html body #ldg-value-compare .ldgvc-cap-top{min-height:64px!important}

  html body #ldg-value-compare .ldgvc-shell{overflow:hidden!important;border:1px solid #cfe5ef!important;border-radius:24px!important;background:#fff!important;box-shadow:0 28px 60px -46px rgba(4,43,75,.58)!important}
  html body #ldg-value-compare .ldgvc-top{background:#fbfdfe!important}
  html body #ldg-value-compare .ldgvc-old-head,
  html body #ldg-value-compare .ldgvc-old,
  html body #ldg-value-compare .ldgvc-total-old{background:linear-gradient(180deg,#f8fbfd,#f2f7fa)!important;color:#6d8394!important}
  html body #ldg-value-compare .ldgvc-new-head,
  html body #ldg-value-compare .ldgvc-new,
  html body #ldg-value-compare .ldgvc-total-new{background:linear-gradient(135deg,#0d4074 0%,#082f5d 48%,#061f45 100%)!important;color:#fff!important}
  html body #ldg-value-compare .ldgvc-new-head{position:relative!important;overflow:hidden!important}
  html body #ldg-value-compare .ldgvc-new-head:after{content:"";position:absolute;width:170px;height:170px;right:-92px;top:-105px;border-radius:50%;background:radial-gradient(circle,rgba(72,211,246,.26),transparent 68%);pointer-events:none}
  html body #ldg-value-compare .ldgvc-allin{display:inline-flex;align-items:center;margin-left:10px;padding:5px 9px;border-radius:999px;background:#74def7;color:#06315e;font:900 .52rem/1 Manrope,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}
  html body #ldg-value-compare .ldgvc-feature{font-weight:800!important;color:#183c56!important}
  html body #ldg-value-compare .ldgvc-old{font-weight:760!important}
  html body #ldg-value-compare .ldgvc-new{font-weight:850!important}
  html body #ldg-value-compare .ldgvc-check{background:#118bb5!important;color:#fff!important;box-shadow:0 0 0 5px rgba(49,201,237,.08)!important}
  html body #ldg-value-compare .ldgvc-total{border-top:1px solid #cfe5ef!important}
  html body #ldg-value-compare .ldgvc-total-label{background:#f8fbfd!important}
  html body #ldg-value-compare .ldgvc-total-old{font-weight:900!important;color:#183c56!important}
  html body #ldg-value-compare .ldgvc-total-new{position:relative!important;padding-right:92px!important}
  html body #ldg-value-compare .ldgvc-total-new:after{content:"-60%";position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;min-width:58px;height:32px;padding:0 9px;border-radius:999px;background:#31e6be;color:#052f3a;font:950 .76rem/1 Manrope,system-ui,sans-serif;box-shadow:0 8px 20px -12px rgba(49,230,190,.7)}
  html body #ldg-value-compare .ldgvc-bottom{border:1px solid #d6eaf2!important;background:linear-gradient(135deg,#f4fbfe,#fff)!important;border-radius:18px!important;box-shadow:0 18px 38px -34px rgba(6,43,69,.55)!important}
}

/* Nouveau comparatif compact mobile */
#ldg-value-compare .ldgvc-mobile-compact{display:none}
@media (max-width:760px){
  html body #ldg-value-compare{padding:30px 12px 34px!important}
  html body #ldg-value-compare .ldgvc-head{margin-bottom:14px!important}
  html body #ldg-value-compare .ldgvc-head h2{font-size:clamp(1.48rem,7vw,1.88rem)!important;line-height:1.04!important;max-width:13em!important}
  html body #ldg-value-compare .ldgvc-sub{font-size:.74rem!important;line-height:1.35!important;margin-top:8px!important}

  html body #ldg-value-compare .ldgvc-cap-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0 0 10px!important}
  html body #ldg-value-compare .ldgvc-cap{display:block!important;padding:0!important;border:1px solid #d7eaf2!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
  html body #ldg-value-compare .ldgvc-cap-top{min-height:48px!important;padding:10px 28px 10px 9px!important;cursor:pointer!important}
  html body #ldg-value-compare .ldgvc-cap-top:after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;border-right:2px solid #139bc2;border-bottom:2px solid #139bc2;transform:translateY(-65%) rotate(45deg);transition:transform .18s ease}
  html body #ldg-value-compare .ldgvc-cap.is-ldg-mobile-open .ldgvc-cap-top:after{transform:translateY(-25%) rotate(225deg)}
  html body #ldg-value-compare .ldgvc-cap-icon{width:28px!important;height:28px!important;min-width:28px!important;border-radius:9px!important}
  html body #ldg-value-compare .ldgvc-cap h3{font-size:.65rem!important;line-height:1.15!important}
  html body #ldg-value-compare .ldgvc-cap-list{display:none!important;margin:0 9px 10px!important;padding:8px 0 0!important;border-top:1px solid #e4f0f5!important;gap:5px!important}
  html body #ldg-value-compare .ldgvc-cap.is-ldg-mobile-open .ldgvc-cap-list{display:grid!important}
  html body #ldg-value-compare .ldgvc-cap-list li{font-size:.58rem!important;line-height:1.25!important}

  html body #ldg-value-compare .ldgvc-shell,
  html body #ldg-value-compare .ldgvc-note,
  html body #ldg-value-compare .ldgvc-bottom,
  html body #ldg-value-compare .ldgvc-mobile-final{display:none!important}
  html body #ldg-value-compare .ldgvc-mobile-compact{display:block!important;width:100%;margin:0 auto}

  #ldg-value-compare .ldgmc-table{overflow:hidden;border:1px solid #cfe5ef;border-radius:17px;background:#fff;box-shadow:0 18px 42px -35px rgba(5,46,77,.58)}
  #ldg-value-compare .ldgmc-head,#ldg-value-compare .ldgmc-row,#ldg-value-compare .ldgmc-total{display:grid;grid-template-columns:1.55fr .78fr .8fr;align-items:stretch}
  #ldg-value-compare .ldgmc-head{min-height:52px;background:#f7fbfd;border-bottom:1px solid #dcecf3}
  #ldg-value-compare .ldgmc-head>div{display:flex;align-items:center;padding:9px 8px;font:850 .57rem/1.1 Manrope,system-ui,sans-serif;color:#708799;text-transform:uppercase;letter-spacing:.05em}
  #ldg-value-compare .ldgmc-head>div:nth-child(2){justify-content:center;text-align:center}
  #ldg-value-compare .ldgmc-head>div:last-child{justify-content:center;text-align:center;background:linear-gradient(140deg,#0a3566,#061f45);color:#75e2fa}
  #ldg-value-compare .ldgmc-row{min-height:44px;border-bottom:1px solid #e2eef4}
  #ldg-value-compare .ldgmc-row>div{display:flex;align-items:center;padding:8px 7px;min-width:0}
  #ldg-value-compare .ldgmc-feature{gap:7px;color:#193e58;font:800 .63rem/1.18 Manrope,system-ui,sans-serif}
  #ldg-value-compare .ldgmc-icon{display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;border-radius:7px;background:#edf9fd;color:#0a93bd;font-size:.62rem;font-weight:900}
  #ldg-value-compare .ldgmc-old{justify-content:center;text-align:center;background:#f7fafc;color:#74899a;font:780 .58rem/1.18 Manrope,system-ui,sans-serif}
  #ldg-value-compare .ldgmc-new{justify-content:center;gap:4px;text-align:center;background:linear-gradient(140deg,#0a3566,#061f45);color:#fff;font:850 .6rem/1 Manrope,system-ui,sans-serif}
  #ldg-value-compare .ldgmc-check{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#159dcc;color:#fff;font-size:.62rem}
  #ldg-value-compare .ldgmc-total{min-height:66px}
  #ldg-value-compare .ldgmc-total>div{display:flex;flex-direction:column;justify-content:center;padding:9px 7px}
  #ldg-value-compare .ldgmc-total-label{background:#f7fbfd;color:#173a54}
  #ldg-value-compare .ldgmc-total-label strong{font:900 .7rem/1.1 Manrope,system-ui,sans-serif}
  #ldg-value-compare .ldgmc-total-label span{margin-top:3px;color:#8397a6;font:650 .51rem/1.2 Manrope,system-ui,sans-serif}
  #ldg-value-compare .ldgmc-total-old{align-items:center;background:#f3f8fb;color:#153a55;font:900 .8rem/1 Manrope,system-ui,sans-serif;text-align:center}
  #ldg-value-compare .ldgmc-total-new{position:relative;align-items:center;background:linear-gradient(140deg,#0a3566,#061f45);color:#fff;text-align:center}
  #ldg-value-compare .ldgmc-total-new strong{font:950 1.03rem/1 Sora,Manrope,system-ui,sans-serif;letter-spacing:-.04em;white-space:nowrap}
  #ldg-value-compare .ldgmc-total-new span{margin-top:4px;color:#67def7;font:850 .48rem/1 Manrope,system-ui,sans-serif;text-transform:uppercase}
  #ldg-value-compare .ldgmc-save{position:absolute;right:5px;top:5px;padding:3px 6px;border-radius:999px;background:#31e6be;color:#043540;font:950 .48rem/1 Manrope,system-ui,sans-serif}
  #ldg-value-compare .ldgmc-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:11px;padding:0 16px;border-radius:14px;background:linear-gradient(135deg,#ef3553,#df2847);box-shadow:0 15px 30px -22px rgba(226,42,72,.7);color:#fff;text-decoration:none;font:900 .76rem/1 Manrope,system-ui,sans-serif}
  #ldg-value-compare .ldgmc-cta:after{content:"→";margin-left:8px;font-size:1rem}
  #ldg-value-compare .ldgmc-foot{margin:8px 4px 0;color:#8194a2;font:650 .52rem/1.3 Manrope,system-ui,sans-serif;text-align:center}
}

/* ---------- FORMULAIRE : desktop premium ---------- */
html body #ldgvp #ldgvp-form .ldgvp-fwrap{border:1px solid #d6e8f1!important;border-radius:28px!important;box-shadow:0 30px 70px -44px rgba(7,43,74,.48)!important;background:#fff!important}
html body #ldgvp #ldgvp-form .ldgvp-faside{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:linear-gradient(155deg,#124a75 0%,#0a3762 52%,#061f45 100%)!important;color:#fff!important}
html body #ldgvp #ldgvp-form .ldgvp-faside:before{content:"";position:absolute;z-index:0;left:-3%;right:-3%;bottom:-4%;height:41%;background:linear-gradient(180deg,transparent,rgba(4,23,42,.12)),url('/assets/img/ChatGPT_Image_18_aout_2026_a_02_22_51.webp') center bottom/92% auto no-repeat;opacity:.38;filter:saturate(.82) brightness(.92);pointer-events:none}
html body #ldgvp #ldgvp-form .ldgvp-faside>*{position:relative;z-index:2}
html body #ldgvp #ldgvp-form .ldgvp-faside h2{max-width:10em!important;font-size:clamp(2rem,3vw,2.65rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin-top:18px!important}
html body #ldgvp #ldgvp-form .ldg-final-brand{display:block;color:#59d8f6}
html body #ldgvp #ldgvp-form .ldg-final-form-sub{max-width:25em;margin:14px 0 0;color:#d5eaf5;font:650 .92rem/1.5 Manrope,system-ui,sans-serif}
html body #ldgvp #ldgvp-form .ldgvp-faside ul{display:grid!important;gap:12px!important;margin-top:24px!important;max-width:390px}
html body #ldgvp #ldgvp-form .ldgvp-faside li{display:grid!important;grid-template-columns:42px 1fr!important;gap:12px!important;align-items:center!important;padding:0!important;color:#fff!important;font-size:inherit!important}
html body #ldgvp #ldgvp-form .ldg-final-benefit-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,rgba(29,160,214,.36),rgba(11,104,160,.32));border:1px solid rgba(112,221,247,.20);color:#7fe6fb;font:900 1rem/1 Manrope,system-ui,sans-serif}
html body #ldgvp #ldgvp-form .ldg-final-benefit-copy strong{display:block;color:#fff;font:850 .88rem/1.18 Manrope,system-ui,sans-serif}
html body #ldgvp #ldgvp-form .ldg-final-benefit-copy span{display:block;margin-top:3px;color:#c6deeb;font:600 .72rem/1.35 Manrope,system-ui,sans-serif}
html body #ldgvp #ldgvp-form .ldgvp-fmain{background:#fff!important}
html body #ldgvp #ldgvp-form .ldg-final-form-intro{margin:0 0 16px}
html body #ldgvp #ldgvp-form .ldg-final-form-intro h3{margin:0;color:#082b4e;font:900 clamp(1.3rem,2vw,1.62rem)/1.12 Sora,Manrope,system-ui,sans-serif;letter-spacing:-.035em}
html body #ldgvp #ldgvp-form .ldg-final-form-intro p{margin:6px 0 0;color:#70879a;font:620 .8rem/1.42 Manrope,system-ui,sans-serif}
html body #ldgvp #ldgvp-form .ldgvp-prog{padding:0 0 2px!important}
html body #ldgvp #ldgvp-form .ldgvp-ptrack{height:6px!important;border-radius:999px!important;background:#e5f0f5!important}
html body #ldgvp #ldgvp-form .ldgvp-pfill{background:linear-gradient(90deg,#56d9f6,#0b5d9c)!important;border-radius:999px!important}
html body #ldgvp #ldgvp-form input,
html body #ldgvp #ldgvp-form select,
html body #ldgvp #ldgvp-form textarea{border-color:#cfe2ec!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
html body #ldgvp #ldgvp-form input:focus,
html body #ldgvp #ldgvp-form select:focus,
html body #ldgvp #ldgvp-form textarea:focus{border-color:#38bfe4!important;box-shadow:0 0 0 3px rgba(56,191,228,.11)!important}
html body #ldgvp #ldgvp-form .ldgvp-nav .btn-p{background:linear-gradient(135deg,#ef3553,#df2847)!important;box-shadow:0 16px 28px -20px rgba(224,42,72,.72)!important}
html body #ldgvp .ldg-final-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:970px;margin:16px auto 0;padding:0 8px;color:#24465e}
html body #ldgvp .ldg-final-trust-item{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:9px 16px;border-left:1px solid #d9e8ef}
html body #ldgvp .ldg-final-trust-item:first-child{border-left:0}
html body #ldgvp .ldg-final-trust-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#eaf8fd;color:#0a8fb8;font-size:.95rem;font-weight:900}
html body #ldgvp .ldg-final-trust-copy strong{display:block;font:850 .76rem/1.1 Manrope,system-ui,sans-serif}
html body #ldgvp .ldg-final-trust-copy span{display:block;margin-top:3px;color:#7a91a1;font:620 .63rem/1.2 Manrope,system-ui,sans-serif}

@media (min-width:900px){
  html body #ldgvp #ldgvp-form .ldgvp-fwrap{grid-template-columns:.78fr 1.22fr!important}
  html body #ldgvp #ldgvp-form .ldgvp-faside{padding:34px 32px 38px!important;min-height:545px!important}
  html body #ldgvp #ldgvp-form .ldgvp-fmain{padding:30px 34px!important}
}

/* Formulaire mobile : moins de texte, plus compact, sans sacrifier les champs */
@media (max-width:760px){
  html body #ldgvp #ldgvp-form{padding-top:25px!important;padding-bottom:30px!important}
  html body #ldgvp #ldgvp-form .w{padding-left:12px!important;padding-right:12px!important}
  html body #ldgvp #ldgvp-form .ldgvp-fwrap{border-radius:20px!important;display:block!important;overflow:hidden!important}
  html body #ldgvp #ldgvp-form .ldgvp-faside{min-height:158px!important;padding:16px 16px 14px!important}
  html body #ldgvp #ldgvp-form .ldgvp-faside:before{height:95%!important;left:48%!important;right:-22%!important;bottom:-20%!important;background-size:145% auto!important;background-position:center bottom!important;opacity:.23!important}
  html body #ldgvp #ldgvp-form .ldgvp-faside .kick{padding:5px 8px!important;font-size:.53rem!important}
  html body #ldgvp #ldgvp-form .ldgvp-faside h2{max-width:8.5em!important;margin-top:10px!important;font-size:1.55rem!important;line-height:1.02!important}
  html body #ldgvp #ldgvp-form .ldg-final-brand{display:block!important}
  html body #ldgvp #ldgvp-form .ldg-final-form-sub{display:none!important}
  html body #ldgvp #ldgvp-form .ldgvp-faside ul{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:12px!important;max-width:76%!important}
  html body #ldgvp #ldgvp-form .ldgvp-faside li{display:flex!important;grid-template-columns:none!important;gap:6px!important;min-height:32px!important;padding:6px 7px!important;border:1px solid rgba(115,222,247,.15)!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important}
  html body #ldgvp #ldgvp-form .ldgvp-faside li:nth-child(n+3){display:none!important}
  html body #ldgvp #ldgvp-form .ldg-final-benefit-icon{flex:0 0 22px!important;width:22px!important;height:22px!important;font-size:.64rem!important}
  html body #ldgvp #ldgvp-form .ldg-final-benefit-copy strong{font-size:.6rem!important;line-height:1.08!important}
  html body #ldgvp #ldgvp-form .ldg-final-benefit-copy span{display:none!important}

  html body #ldgvp #ldgvp-form .ldgvp-fmain{padding:13px 12px 14px!important}
  html body #ldgvp #ldgvp-form .ldg-final-form-intro{display:none!important}
  html body #ldgvp #ldgvp-form .ldgvp-prog{display:grid!important;grid-template-columns:auto 1fr!important;gap:8px!important;margin-bottom:11px!important}
  html body #ldgvp #ldgvp-form .ldgvp-plabel{font-size:.64rem!important;white-space:nowrap!important}
  html body #ldgvp #ldgvp-form .ldgvp-ptrack{height:5px!important}
  html body #ldgvp #ldgvp-form .ldgvp-fg{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px 8px!important}
  html body #ldgvp #ldgvp-form .ldgvp-fld.full{grid-column:1/-1!important}
  html body #ldgvp #ldgvp-form .ldgvp-fld label{font-size:.64rem!important;line-height:1.15!important;margin-bottom:5px!important}
  html body #ldgvp #ldgvp-form input,
  html body #ldgvp #ldgvp-form select,
  html body #ldgvp #ldgvp-form textarea{min-height:43px!important;height:auto!important;padding:10px 10px!important;border-radius:11px!important;font-size:.76rem!important}
  html body #ldgvp #ldgvp-form textarea{min-height:72px!important}
  html body #ldgvp #ldgvp-form .ldgvp-range{min-height:43px!important}
  html body #ldgvp #ldgvp-form .ldgvp-rangeval{font-size:.7rem!important}
  html body #ldgvp #ldgvp-form .ldgvp-rangeticks{font-size:.52rem!important}
  html body #ldgvp #ldgvp-form .ldgvp-chk{grid-template-columns:1fr 1fr!important;gap:6px!important}
  html body #ldgvp #ldgvp-form .ldgvp-cbx{font-size:.62rem!important;line-height:1.22!important}
  html body #ldgvp #ldgvp-form .ldgvp-msg,
  html body #ldgvp #ldgvp-form .ldgvp-hint{font-size:.55rem!important;line-height:1.2!important}
  html body #ldgvp #ldgvp-form .ldgvp-nav{margin-top:12px!important;gap:8px!important}
  html body #ldgvp #ldgvp-form .ldgvp-nav .btn{min-height:44px!important;font-size:.72rem!important;border-radius:12px!important}
  html body #ldgvp .ldg-final-trust{display:none!important}
}

@media (max-width:360px){
  html body #ldgvp #ldgvp-form .ldgvp-faside ul{max-width:82%!important}
  html body #ldgvp #ldgvp-form .ldgvp-fg{gap:8px 6px!important}
  html body #ldgvp #ldgvp-form input,html body #ldgvp #ldgvp-form select{font-size:.7rem!important;padding-left:8px!important;padding-right:8px!important}
  #ldg-value-compare .ldgmc-head,#ldg-value-compare .ldgmc-row,#ldg-value-compare .ldgmc-total{grid-template-columns:1.48fr .76fr .82fr}
  #ldg-value-compare .ldgmc-feature{font-size:.58rem}
  #ldg-value-compare .ldgmc-old,#ldg-value-compare .ldgmc-new{font-size:.54rem}
}

/* Laisse une marge sous le header lors des ancres. */
html body [id]{scroll-margin-top:86px}
@media(max-width:760px){html body [id]{scroll-margin-top:70px}}