/*
  TEMP HOTFIX — Modal always on top
  Si en producción hay un overlay/stacking-context que tapa el modal,
  esto lo fuerza a quedar por encima y a poder recibir clics.

  Cuando quede resuelto, se puede eliminar este archivo y su inclusión en AppAsset.php
*/

/* Asegura que el backdrop quede debajo del modal */
/* IMPORTANTE:
   En Bootstrap el backdrop va DEBAJO del modal.
   Si en tu caso el backdrop "tapa" el modal, forzamos:
   backdrop MUY ABAJO y modal MUY ARRIBA.
*/
.modal-backdrop {
  /* Valor extremadamente alto para asegurar que esté debajo del modal */
  z-index: 999998 !important;
  pointer-events: none !important; /* no puede bloquear clics */
}

/* Asegura que el modal quede por encima y reciba clics */
.modal {
  /* Valor extremadamente alto para asegurar que esté encima de TODO */
  z-index: 999999 !important;
  pointer-events: auto !important;
  position: fixed !important; /* Fuerza posición fija si es necesario */
}

/* A veces el problema real es que el backdrop está "encima" dentro del stacking context del modal */
.modal-dialog,
.modal-content {
  position: relative;
  z-index: 1 !important; /* Relativo al modal */
  pointer-events: auto !important;
}

/* Si algún theme mete z-index raros, esto asegura el orden correcto */
.modal-backdrop.show {
  z-index: 999998 !important;
}

.modal.show {
  z-index: 999999 !important;
}