/* Modal fullscreen aplicado direto no .modal-dialog */
.modal-dialog.modal-fullscreen {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-dialog.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-dialog.modal-fullscreen .modal-body {
  overflow-y: auto;
}

/* Responsividade – mesmo padrão do Bootstrap 5 */
@media (max-width: 575.98px) {
  .modal-dialog.modal-fullscreen-sm-down {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-dialog.modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-dialog.modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 767.98px) {
  .modal-dialog.modal-fullscreen-md-down {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-dialog.modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-dialog.modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 991.98px) {
  .modal-dialog.modal-fullscreen-lg-down {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-dialog.modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-dialog.modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 1199.98px) {
  .modal-dialog.modal-fullscreen-xl-down {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-dialog.modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-dialog.modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}