/* WTT AirROI v3.2.2 modal stack fix.
   Keep the working v3.2.1 full-page styling untouched.
   This file only fixes popup layering, width and scrolling. */

html body .wtt-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  isolation:isolate!important;
  display:none!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:54px 16px 10px!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

html body .wtt-modal:not([hidden]),
html body .wtt-modal.is-open{
  display:flex!important;
  pointer-events:auto!important;
}

html body .wtt-modal .wtt-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  background:rgba(2,27,58,.72)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  pointer-events:auto!important;
}

html body .wtt-modal .wtt-modal-dialog{
  position:relative!important;
  z-index:10!important;
  display:block!important;
  width:min(1320px,calc(100vw - 32px))!important;
  max-width:min(1320px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 64px)!important;
  overflow:auto!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}

html body .wtt-modal .wtt-modal-body,
html body .wtt-modal .wtt-modal-close{
  position:relative!important;
  z-index:11!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

html body.wtt-modal-open,
html body.wtt-modal-open #page,
html body.wtt-modal-open .site,
html body.wtt-modal-open .entry-content{
  overflow:hidden!important;
}

@media (max-width:860px){
  html body .wtt-modal{padding:46px 10px 10px!important;}
  html body .wtt-modal .wtt-modal-dialog{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 56px)!important;
  }
}

@media (max-width:640px){
  html body .wtt-modal{padding:0!important;}
  html body .wtt-modal .wtt-modal-dialog{
    width:100%!important;
    max-width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
  }
}