/* CONTUHIJO CORE 2 RC3 · normalized marga-reservation.css */
@layer cth20.legacy {

/* ===== NORMALIZED LEGACY SOURCE: assets/css/integrations/marga-reservation.css ===== */
/* Contuhijo Core VMON4.0 · Marga reservation hardening.
   Scope is URL/body-class specific. Never hides or removes travellers (adults,
   children or any future traveller type); it only normalises layout. */
body.cth-marga-reservation{background:var(--md-paper,#f6f8fc)}
body.cth-marga-reservation .content.colibri-page-content{background:var(--md-paper,#f6f8fc)}
body.cth-marga-reservation .md-template{width:min(calc(100% - 36px),1240px);max-width:1240px;margin:0 auto;padding:42px 0 84px;box-sizing:border-box}
body.cth-marga-reservation .md-template :where(.h-row-container,.h-row,.h-column,.h-column-container,.h-column__inner,.h-column__content){min-width:0;box-sizing:border-box}
body.cth-marga-reservation .md-template :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){max-width:100%;box-sizing:border-box}
body.cth-marga-reservation .md-template img{max-width:100%;height:auto;object-fit:contain}

/* Reservation forms often arrive with desktop Colibri widths and floats. */
body.cth-marga-reservation .md-template form,
body.cth-marga-reservation .md-template form>div,
body.cth-marga-reservation .md-template :where(.control-group,.form-group,.form-row){max-width:100%;min-width:0;box-sizing:border-box}
body.cth-marga-reservation .md-template :where(.h-row,.row){gap:clamp(10px,1.5vw,18px);align-items:flex-start}
body.cth-marga-reservation .md-template :where(label,.md-label){position:static;float:none;max-width:100%;line-height:1.25}
body.cth-marga-reservation .md-template :where(button,.md-btn,input[type="button"],input[type="submit"]){min-height:42px;box-sizing:border-box}

/* Quantity steppers: keep minus / value / plus together instead of allowing
   legacy images/icons to overlap labels or neighbouring fields. */
body.cth-marga-reservation .md-template :where(.input-group,.md-counter,.counter,.quantity,.cantidad,.pasajeros,.viajeros){min-width:0;box-sizing:border-box}
body.cth-marga-reservation .md-template :where(.input-group,.md-counter,.counter,.quantity) img{width:22px;height:22px;max-width:22px;max-height:22px;margin:0}
body.cth-marga-reservation .md-template :where(.input-group,.md-counter,.counter,.quantity) :where(button,.md-btn,input[type="button"]){position:static;float:none;flex:0 0 auto;margin:0}

/* Identification fields should form a deliberate grid on desktop rather than
   a narrow column stranded on the left. We only target form groups/columns. */
@media(min-width:768px){
  body.cth-marga-reservation .md-template form :where(.h-row,.row){width:100%;max-width:100%}
  body.cth-marga-reservation .md-template form [class*="h-col-"]{min-width:0}
}

@media(max-width:767px){
  body.cth-marga-reservation .md-template{width:min(calc(100% - 20px),1240px);padding:24px 0 56px}
  body.cth-marga-reservation .md-template :where(.h-row,.row){display:block;margin-left:0;margin-right:0}
  body.cth-marga-reservation .md-template form [class*="h-col-"],
  body.cth-marga-reservation .md-template form [class*="col-"]{display:block;float:none;width:100%;max-width:100%;min-width:0;flex:0 0 100%;padding-left:0;padding-right:0;margin:0 0 12px}
  body.cth-marga-reservation .md-template :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){width:100%;max-width:100%;min-width:0;font-size:16px}
  body.cth-marga-reservation .md-template :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select){min-height:46px}
  body.cth-marga-reservation .md-template textarea{min-height:130px}
  body.cth-marga-reservation .md-template :where(input[type="checkbox"],input[type="radio"]){width:auto;min-width:0;min-height:0}
  body.cth-marga-reservation .md-template :where(.input-group,.md-counter,.counter,.quantity){display:inline-flex;align-items:center;gap:6px;width:auto;max-width:100%;vertical-align:middle}
  body.cth-marga-reservation .md-template :where(.input-group,.md-counter,.counter,.quantity) :where(button,.md-btn,input[type="button"]){width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px;padding:0;display:grid;place-items:center}
  body.cth-marga-reservation .md-template :where(img,svg){max-width:100%}
}


}