/* L'AS DE GLASS — Production polish 2026-09-13
   Scope volontairement limité à la page prestataire.
   Objectifs : CTA desktop fiables, mobile/tablette plus compact, comparatif lisible,
   accordéons sans cartes vides, sans modifier les preuves sociales ni les tarifs. */

#ldgvp a.btn,
#ldgvp button,
#ldg-value-compare a,
#ldg-value-compare [role="button"]{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

#ldgvp a:focus-visible,
#ldgvp button:focus-visible,
#ldg-value-compare [role="button"]:focus-visible{
  outline:3px solid rgba(78,216,248,.78)!important;
  outline-offset:3px!important;
}

@media (min-width:921px){
  /* Les CTA restent au-dessus des décors/overlays et sont toujours cliquables. */
  #ldgvp a[href="#ldgvp-form"],
  #ldgvp a[href="#ldgvp-app"],
  #ldgvp a[href="#ldgvp-offres"],
  #ldgvp a[href="#ldgvp-how"]{
    position:relative!important;
    z-index:30!important;
    pointer-events:auto!important;
    cursor:pointer!important;
  }

  #ldgvp #ldgvp-app,
  #ldgvp #ldgvp-how,
  #ldgvp #ldg-chiffrage,
  #ldgvp #ldgvp-proof,
  #ldgvp #ldg-value-compare,
  #ldgvp #ldgvp-offres,
  #ldgvp #ldgvp-form{
    scroll-margin-top:104px!important;
  }
}

/* Mobile + tablette compacte : le breakpoint 920 couvre aussi Safari en mode
   d'affichage large, qui pouvait rester sur la mise en page 2 colonnes. */
@media (max-width:920px){
  #ldgvp .ldgvp-how,
  #ldgvp .ldgvp-app,
  #ldgvp #ldg-chiffrage,
  #ldgvp .ldgvp-proof,
  #ldgvp .ldgvp-offers,
  #ldgvp .ldgvp-apply,
  #ldgvp .ldgvp-faq{
    padding-top:clamp(28px,6vw,42px)!important;
    padding-bottom:clamp(30px,6.5vw,46px)!important;
  }

  #ldgvp .shead{
    margin-bottom:clamp(15px,3.5vw,22px)!important;
  }

  #ldgvp .shead .lead{
    max-width:34ch!important;
  }

  /* Comparatif : prix court + 4 accordéons. On supprime le long tableau mobile,
     qui répétait les mêmes informations et allongeait fortement la page. */
  #ldg-value-compare{
    padding:clamp(30px,6vw,42px) 16px clamp(34px,7vw,48px)!important;
  }

  #ldg-value-compare .ldgvc-head{
    margin-bottom:16px!important;
  }

  #ldg-value-compare .ldgvc-shell,
  #ldg-value-compare .ldgvc-note,
  #ldg-value-compare .ldgvc-bottom{
    display:none!important;
  }

  #ldg-value-compare .ldgvc-mobile-final{
    display:block!important;
    width:min(100%,720px)!important;
    margin:0 auto 11px!important;
  }

  #ldg-value-compare .ldgvc-mobile-final .ldgm-included,
  #ldg-value-compare .ldgvc-mobile-final .ldgm-note,
  #ldg-value-compare .ldgvc-mobile-final .ldgm-cta{
    display:none!important;
  }

  #ldg-value-compare .ldgm-price{
    border-radius:18px!important;
    box-shadow:0 17px 38px -32px rgba(5,46,77,.58)!important;
  }

  #ldg-value-compare .ldgm-price-side{
    min-height:104px!important;
    padding:14px 10px!important;
  }

  #ldg-value-compare .ldgvc-cap-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:8px!important;
    width:min(100%,720px)!important;
    margin:10px auto 0!important;
  }

  #ldg-value-compare .ldgvc-cap{
    align-self:start!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 14px 32px -30px rgba(3,54,87,.58)!important;
  }

  #ldg-value-compare .ldgvc-cap-top{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:62px!important;
    margin:0!important;
    padding:11px 46px 11px 12px!important;
    cursor:pointer!important;
    user-select:none!important;
  }

  #ldg-value-compare .ldgvc-cap-top::after{
    content:""!important;
    position:absolute!important;
    right:18px!important;
    top:50%!important;
    width:8px!important;
    height:8px!important;
    border-right:2px solid #1599bf!important;
    border-bottom:2px solid #1599bf!important;
    transform:translateY(-65%) rotate(45deg)!important;
    transition:transform .2s ease!important;
  }

  #ldg-value-compare .ldgvc-cap h3{
    font-size:.79rem!important;
    line-height:1.2!important;
  }

  #ldg-value-compare .ldgvc-cap-list{
    display:none!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:0 13px 13px!important;
    padding:11px 2px 2px!important;
    border-top:1px solid #e5f0f5!important;
  }

  #ldg-value-compare .ldgvc-cap.is-open{
    border-color:#c5e8f4!important;
    box-shadow:0 18px 38px -30px rgba(3,54,87,.66)!important;
  }

  #ldg-value-compare .ldgvc-cap.is-open .ldgvc-cap-list{
    display:grid!important;
  }

  #ldg-value-compare .ldgvc-cap.is-open .ldgvc-cap-top::after{
    transform:translateY(-30%) rotate(225deg)!important;
  }

  #ldg-value-compare .ldgvc-cap-list li{
    font-size:.69rem!important;
    line-height:1.38!important;
  }

  #ldg-value-compare .ldg-perfect-mobile-cta{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:min(100%,720px)!important;
    min-height:50px!important;
    margin:12px auto 0!important;
    padding:0 16px!important;
    border-radius:14px!important;
    background:#ef2f4f!important;
    color:#fff!important;
    text-decoration:none!important;
    font:850 .78rem/1 Manrope,system-ui,sans-serif!important;
    box-shadow:0 16px 30px -24px rgba(181,28,57,.76)!important;
  }

  #ldg-value-compare .ldg-perfect-mobile-cta::after{
    content:"→";
    font-size:1.05rem;
  }
}

@media (min-width:921px){
  #ldg-value-compare .ldg-perfect-mobile-cta{display:none!important}
}

@media (max-width:520px){
  #ldg-value-compare .ldgm-amount{font-size:1.28rem!important}
  #ldg-value-compare .ldgm-price-side--new .ldgm-amount{font-size:1.48rem!important}
  #ldg-value-compare .ldgm-meta{font-size:.54rem!important}
}

@media (prefers-reduced-motion:reduce){
  #ldgvp *,#ldgvp *::before,#ldgvp *::after{scroll-behavior:auto!important}
}

/* FINAL 9+ — priorité de cascade mobile.
   Les anciennes finitions utilisaient `html body` et reprenaient le dessus :
   on verrouille ici la version courte validée (résumé prix + accordéons 1 colonne). */
@media (max-width:920px){
  html body #ldg-value-compare .ldgvc-mobile-compact{display:none!important}
  html body #ldg-value-compare .ldgvc-mobile-final{display:block!important;width:min(100%,720px)!important;margin:0 auto 10px!important}
  html body #ldg-value-compare .ldgvc-mobile-final .ldgm-included,
  html body #ldg-value-compare .ldgvc-mobile-final .ldgm-note,
  html body #ldg-value-compare .ldgvc-mobile-final .ldgm-cta{display:none!important}

  html body #ldg-value-compare .ldgvc-cap-grid{
    display:grid!important;grid-template-columns:1fr!important;align-items:start!important;
    gap:8px!important;width:min(100%,720px)!important;margin:10px auto 0!important
  }
  html body #ldg-value-compare .ldgvc-cap{
    display:block!important;align-self:start!important;width:100%!important;height:auto!important;min-height:0!important;
    padding:0!important;overflow:hidden!important;border:1px solid #d7eaf2!important;border-radius:16px!important;
    background:#fff!important;box-shadow:0 14px 32px -30px rgba(3,54,87,.58)!important
  }
  html body #ldg-value-compare .ldgvc-cap-top{
    position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;
    min-height:60px!important;margin:0!important;padding:10px 46px 10px 12px!important;cursor:pointer!important
  }
  html body #ldg-value-compare .ldgvc-cap-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important}
  html body #ldg-value-compare .ldgvc-cap h3{font-size:.76rem!important;line-height:1.18!important}
  html body #ldg-value-compare .ldgvc-cap-top:after{
    content:""!important;position:absolute!important;right:18px!important;top:50%!important;width:8px!important;height:8px!important;
    border-right:2px solid #1599bf!important;border-bottom:2px solid #1599bf!important;
    transform:translateY(-65%) rotate(45deg)!important;transition:transform .2s ease!important
  }
  html body #ldg-value-compare .ldgvc-cap-list{
    display:none!important;grid-template-columns:1fr!important;gap:7px!important;
    margin:0 13px 13px!important;padding:11px 2px 2px!important;border-top:1px solid #e5f0f5!important
  }
  html body #ldg-value-compare .ldgvc-cap.is-open .ldgvc-cap-list,
  html body #ldg-value-compare .ldgvc-cap.is-ldg-mobile-open .ldgvc-cap-list{display:grid!important}
  html body #ldg-value-compare .ldgvc-cap.is-open,
  html body #ldg-value-compare .ldgvc-cap.is-ldg-mobile-open{border-color:#c5e8f4!important;box-shadow:0 18px 38px -30px rgba(3,54,87,.66)!important}
  html body #ldg-value-compare .ldgvc-cap.is-open .ldgvc-cap-top:after,
  html body #ldg-value-compare .ldgvc-cap.is-ldg-mobile-open .ldgvc-cap-top:after{transform:translateY(-30%) rotate(225deg)!important}
  html body #ldg-value-compare .ldgvc-cap-list li{font-size:.67rem!important;line-height:1.36!important}
}