/**
 * Modal layout safety overrides — loaded last in bundle.
 * Primary rules live in services.css and subpage.css; this file catches stale overrides.
 */

.service-modal__dialog {
  position: fixed !important;
  top: var(--service-modal-gap-y, 5vh) !important;
  right: var(--service-modal-gap-x, 10vw) !important;
  bottom: var(--service-modal-gap-y, 5vh) !important;
  left: var(--service-modal-gap-x, 10vw) !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
}

.sp-job-modal__panel {
  position: fixed !important;
  top: var(--job-modal-gap-y, 5vh) !important;
  right: var(--job-modal-gap-x, 10vw) !important;
  bottom: var(--job-modal-gap-y, 5vh) !important;
  left: var(--job-modal-gap-x, 10vw) !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
}

@media (max-width: 640px) {
  .service-modal__dialog,
  .sp-job-modal__panel {
    top: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    left: 8px !important;
  }
}

.service-modal {
  display: block !important;
  padding: 0 !important;
}

.sp-job-modal {
  padding: 0 !important;
}

.sp-job-modal.is-open {
  display: block !important;
}