/* ==========================================================================
   Stay&Go - Motion polish / pulido (fase 3): arreglos de break-ui
   Archivo de override, se enlaza DESPUES de staygo-motion-polish-f2.css.
   No toca logica ni JS.
   A) Modal de acceso: si no cabe en pantalla (movil pequeño u horizontal) hace scroll
      en vez de recortarse. Se mantiene centrado cuando si cabe.
   B) Checkout (reservar.php): textos de aceptacion legal legibles sobre fondo oscuro.
   C) Checkout: el campo Mensaje usa la misma tipografia que el resto de campos.
   ========================================================================== */

/* A) Modal de acceso ------------------------------------------------------- */
.accessModal{
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  align-items: flex-start;            /* con margin:auto en la tarjeta: centra si cabe, empieza arriba si no */
}
.accessModal__card{
  margin: auto;
}

/* B) Aceptaciones legales legibles en el checkout oscuro ------------------- */
/* Antes: #334155 sobre fondo ~#101a2e = contraste 1,7:1 (minimo 4,5:1). Ahora ~13:1. */
body[data-page-type="checkout"] .sg-legal-check{
  color: #dbe6ff;
}

/* C) Tipografia del campo Mensaje ------------------------------------------ */
body[data-page-type="checkout"] input,
body[data-page-type="checkout"] textarea,
body[data-page-type="checkout"] select{
  font-family: inherit;
  font-size: inherit;
}