/* MIDAS v46 — requested visual fixes + definitive apps dropdown stacking */

/* Home: four multimedia card headings — red and fully uppercase. */
body.midas-home .midas-feature-grid > div > b{
  color:#f20c1d!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}

/* Stage 1 / Apps selector page titles — red and fully uppercase. */
body.stage-v11 .stage-selector-stack h1,
body.apps-v11 .apps-selector-stack-v13 h1{
  color:#f20c1d!important;
  text-transform:uppercase!important;
}

/* Installation page: dropdowns MUST live above the hero image.
   These rules are intentionally last in cascade and target every clipping ancestor. */
@media (min-width:851px){
  body.apps-v11 .midas-header-v6{
    position:sticky!important;
    top:0!important;
    z-index:1000000!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  body.apps-v11 .midas-header-inner,
  body.apps-v11 .midas-nav-v6{
    position:relative!important;
    z-index:1000010!important;
    overflow:visible!important;
  }
  body.apps-v11 .midas-services-nav,
  body.apps-v11 .midas-partners-nav{
    position:relative!important;
    z-index:1000020!important;
    overflow:visible!important;
  }
  body.apps-v11 .midas-services-menu,
  body.apps-v11 .midas-partners-menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    z-index:1000100!important;
    overflow:visible!important;
  }
  body.apps-v11 .apps-main-v13,
  body.apps-v11 .apps-hero-v13,
  body.apps-v11 .apps-hero-inner-v13,
  body.apps-v11 .apps-selector-stack-v13{
    position:relative!important;
    z-index:0!important;
  }
}

/* Mobile: dropdowns stay in the opened menu, never behind the image or outside viewport. */
@media (max-width:850px){
  body.apps-v11{overflow-x:hidden!important}
  body.apps-v11 .midas-header-v6{
    position:sticky!important;
    top:0!important;
    z-index:1000000!important;
    overflow:visible!important;
  }
  body.apps-v11 .midas-header-inner{overflow:visible!important}
  body.apps-v11 .midas-nav-v6{
    z-index:1000010!important;
    max-height:calc(100dvh - 76px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
  }
  body.apps-v11 .midas-services-nav,
  body.apps-v11 .midas-partners-nav{
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.apps-v11 .midas-services-menu,
  body.apps-v11 .midas-partners-menu{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  body.apps-v11 .midas-services-menu a,
  body.apps-v11 .midas-partners-menu a{
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.apps-v11 .apps-selector-stack-v13 h1,
  body.stage-v11 .stage-selector-stack h1{
    font-size:clamp(25px,7.8vw,36px)!important;
    line-height:1.05!important;
    overflow-wrap:anywhere!important;
  }
}

/* Home desktop hero: subtle mirror sheen only through the red MIDAS wordmark/signature pixels. */
body.midas-home .midas-hero-desktop{
  position:relative!important;
  isolation:isolate!important;
}
body.midas-home .midas-hero-desktop::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(108deg,
    transparent 0%,
    transparent 42%,
    rgba(255,255,255,.10) 46%,
    rgba(255,255,255,.92) 50%,
    rgba(255,255,255,.18) 54%,
    transparent 59%,
    transparent 100%);
  background-size:260% 100%;
  background-position:180% 0;
  -webkit-mask-image:url('midas-hero-red-mask.png');
  mask-image:url('midas-hero-red-mask.png');
  -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%;
  opacity:0;
  animation:midas-v46-mirror-sheen 5.8s ease-in-out infinite;
}
@keyframes midas-v46-mirror-sheen{
  0%,17%{background-position:180% 0;opacity:0}
  24%{opacity:.72}
  55%{background-position:-80% 0;opacity:.72}
  63%,100%{background-position:-80% 0;opacity:0}
}

@media (prefers-reduced-motion:reduce){
  body.midas-home .midas-hero-desktop::after{animation:none!important;opacity:0!important}
}