/* MySchool OS 7.0.12 — decorative overlays for school hero/carousel lead media. */
.tenant-theme{--lead-overlay-mask:none;--lead-overlay-fill:var(--school-accent,#d0aa45);--lead-overlay-opacity:.64}
.tenant-theme[data-lead-overlay="snow-ice"]{--lead-overlay-mask:url("overlays/snow-ice.svg");--lead-overlay-fill:#e9fbff;--lead-overlay-opacity:.92}
.tenant-theme[data-lead-overlay="leafy-corners"]{--lead-overlay-mask:url("overlays/leafy-corners.svg")}
.tenant-theme[data-lead-overlay="ocean-spray"]{--lead-overlay-mask:url("overlays/ocean-spray.svg");--lead-overlay-fill:#dffbff;--lead-overlay-opacity:.78}
.tenant-theme[data-lead-overlay="mosaic-corners"]{--lead-overlay-mask:url("overlays/mosaic-corners.svg")}
.tenant-theme[data-lead-overlay="sun-glow"]{--lead-overlay-mask:url("overlays/sun-glow.svg");--lead-overlay-fill:var(--school-accent,#efc45b);--lead-overlay-opacity:.58}
.tenant-theme[data-lead-overlay="star-field"]{--lead-overlay-mask:url("overlays/star-field.svg");--lead-overlay-fill:#fff;--lead-overlay-opacity:.74}
.tenant-theme[data-lead-overlay="geometric-frame"]{--lead-overlay-mask:url("overlays/geometric-frame.svg")}
.tenant-theme[data-lead-overlay="ribbon-corners"]{--lead-overlay-mask:url("overlays/ribbon-corners.svg")}
.tenant-theme :is(.v2-school-carousel,.v2-school-hero-media){isolation:isolate}
.tenant-theme[data-lead-overlay]:not([data-lead-overlay="none"]) .v2-school-carousel::after,
.tenant-theme[data-lead-overlay]:not([data-lead-overlay="none"]) .v2-school-hero-media::before{
  content:"";position:absolute;inset:0;z-index:7;pointer-events:none;background:var(--lead-overlay-fill);
  opacity:var(--lead-overlay-opacity);-webkit-mask-image:var(--lead-overlay-mask);mask-image:var(--lead-overlay-mask);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
}
/* Hero uses ::after for its readability gradient. Keep all interactive/story content above decoration. */
.tenant-theme .v2-school-hero-media>span{z-index:9!important}
.tenant-theme .v2-carousel-controls{z-index:10!important}
.tenant-theme .v2-carousel-school{z-index:9!important}
.tenant-theme .v2-carousel-slide>h2{z-index:9!important}
@media(max-width:600px){.tenant-theme[data-lead-overlay]:not([data-lead-overlay="none"]) .v2-school-carousel::after,.tenant-theme[data-lead-overlay]:not([data-lead-overlay="none"]) .v2-school-hero-media::before{opacity:.5}}