/* SIMPES Stage 24R Hero Overlay + Modal Safe Fix
   Safe layer: does not change role/menu/route/chart logic. */
:root {
  --simpes-hero-overlay-color: rgba(0, 96, 54, 1);
  --simpes-hero-overlay-opacity: 0;
}

/* Public hero overlay control: default removes green tint while preserving image. */
.hero-overlay,
.banner-overlay,
.slide-overlay,
.website-hero-overlay,
.public-hero-overlay,
.hero-slider-overlay,
[class*="hero"] .overlay,
[class*="banner"] .overlay {
  background: var(--simpes-hero-overlay-color, rgba(0,96,54,1)) !important;
  opacity: var(--simpes-hero-overlay-opacity, 0) !important;
  pointer-events: none !important;
}

.website-hero::before,
.public-hero::before,
.hero-section::before,
.hero-banner::before,
.hero-slider::before,
.hero-slide::before,
.home-hero::before,
.carousel-item::before,
.banner-slide::before {
  background: var(--simpes-hero-overlay-color, rgba(0,96,54,1)) !important;
  opacity: var(--simpes-hero-overlay-opacity, 0) !important;
  pointer-events: none !important;
}

/* Keep real hero image vivid. */
.website-hero img,
.public-hero img,
.hero-section img,
.hero-banner img,
.hero-slider img,
.hero-slide img,
.carousel-item img {
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Bootstrap modal safety for Asrama/Kamar pages. */
body.stage24r-modal-fix .modal-backdrop {
  z-index: 1040 !important;
}
body.stage24r-modal-fix .modal {
  z-index: 1055 !important;
  pointer-events: auto !important;
}
body.stage24r-modal-fix .modal-dialog,
body.stage24r-modal-fix .modal-content {
  position: relative !important;
  z-index: 1056 !important;
  pointer-events: auto !important;
}
body.stage24r-modal-fix.modal-open {
  overflow: hidden !important;
}
body.stage24r-modal-fix .modal.show {
  display: block !important;
}
body.stage24r-modal-fix .modal-backdrop.show {
  opacity: .5 !important;
}
body.stage24r-modal-fix .modal [data-bs-dismiss="modal"],
body.stage24r-modal-fix .modal button,
body.stage24r-modal-fix .modal a,
body.stage24r-modal-fix .modal input,
body.stage24r-modal-fix .modal select,
body.stage24r-modal-fix .modal textarea {
  pointer-events: auto !important;
}