/* VCTH 11.1.24 · three surgical form fixes only.
   Presentation layer only: no Marga/Vue values, events, validation, AJAX,
   reservation maths or payment logic are changed. */

/* 1) Reservation: Scalapay may exist in Marga's DOM, but its promotional
   widget/logo must never occupy the reservation form canvas. The real
   Scalapay payment checkbox/label remains untouched. */
body.cth-marga-reservation .vcth-scalapay-visual-hidden,
body.cth-marga-reservation .vcth-scalapay-shell-hidden{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

/* 2) Reservation: keep each native checkbox/radio beside its own copy.
   JS only marks the smallest wrapper containing exactly one control, so
   grouped Yes/No logic and all Marga input attributes remain untouched. */
body.cth-marga-reservation .vcth-choice-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:8px 10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  float:none!important;
  box-sizing:border-box!important;
}
body.cth-marga-reservation .vcth-choice-row > *{
  margin-top:0!important;
  margin-bottom:0!important;
}
body.cth-marga-reservation .vcth-choice-row input[type="checkbox"],
body.cth-marga-reservation .vcth-choice-row input[type="radio"]{
  position:static!important;
  float:none!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  vertical-align:middle!important;
}
body.cth-marga-reservation .vcth-choice-row :where(label,p,span,strong,small,div){
  margin-top:0!important;
  margin-bottom:0!important;
  line-height:1.4!important;
}

/* 3) Trip-contact success state: after Vue/Marga swaps the form for its
   legacy confirmation response, keep the whole response inside the Core
   canvas instead of allowing old Colibri geometry to escape full viewport. */
body.cth-marga-trip-contact.vcth-trip-contact-success .md-template{
  width:min(calc(100% - 36px),1240px)!important;
  max-width:1240px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.cth-marga-trip-contact.vcth-trip-contact-success .md-template :where(.h-section,.h-section-grid-container,.h-row-container,.h-row,.h-column,.h-column-container,.h-column__inner,.h-column__content,.h-y-container,.container,.container-fluid){
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.cth-marga-trip-contact.vcth-trip-contact-success .md-template :where(p,li,div,span){
  overflow-wrap:anywhere!important;
}
body.cth-marga-trip-contact.vcth-trip-contact-success .vcth-contact-success-modern{
  width:100%!important;
  max-width:100%!important;
  margin:34px auto 24px!important;
  padding:clamp(24px,4vw,42px)!important;
  border:1px solid rgba(7,42,73,.10)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 18px 50px rgba(7,42,73,.08)!important;
  box-sizing:border-box!important;
}
body.cth-marga-trip-contact.vcth-trip-contact-success .vcth-contact-success-modern__eyebrow{
  margin:0 0 7px!important;
  color:#0b74d1!important;
  font-size:.78rem!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
body.cth-marga-trip-contact.vcth-trip-contact-success .vcth-contact-success-modern h2{
  margin:0 0 10px!important;
  color:#072a49!important;
  font-size:clamp(1.65rem,3vw,2.45rem)!important;
  line-height:1.05!important;
}
body.cth-marga-trip-contact.vcth-trip-contact-success .vcth-contact-success-modern p:last-child{
  margin:0!important;
  max-width:760px!important;
  color:#29445c!important;
  font-size:1rem!important;
  line-height:1.65!important;
}
body.cth-marga-trip-contact.vcth-trip-contact-success .vcth-contact-legacy-banner{
  display:none!important;
}
body.cth-marga-trip-contact.vcth-trip-contact-success .md-template img{
  max-width:100%!important;
  height:auto!important;
}

@media(max-width:767px){
  body.cth-marga-trip-contact.vcth-trip-contact-success .md-template{
    width:min(calc(100% - 20px),1240px)!important;
  }
  body.cth-marga-trip-contact.vcth-trip-contact-success .vcth-contact-success-modern{
    margin-top:22px!important;
    padding:22px 18px!important;
    border-radius:18px!important;
  }
}