/*
 * Service Categories Modal CSS
 * Custom styling for modal to ensure proper z-index behavior with Impreza theme
 */

/* When modal is open, ensure the header doesn't overlap */
body.modal-open .l-header {
  z-index: 1000 !important; /* Lower than modal overlay */
}

/* Higher z-index than Impreza popup overlays (10001) */
.service-modal-backdrop,
.video-modal-backdrop {
  z-index: 10002 !important;
}

.service-modal-content,
.video-modal-backdrop {
  z-index: 10003 !important;
}

.service-modal-close,
.video-modal-backdrop {
  z-index: 10004 !important;
}

/* Fix for Safari and mobile browsers */
@supports (-webkit-touch-callout: none) {
  body.modal-open {
    height: 100% !important;
    position: fixed;
    width: 100%;
  }
}