/*
 * Sayyarati V84.23 — stable centered wizards for tourism, hotels,
 * religious places and restaurants.
 */
html.sayyarati-wizard-open-v8423,
body.sayyarati-wizard-open-v8423{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

/* The wizard root always occupies the browser viewport and centres the card. */
.sayyarati-top-layer-host-v8422 > .content-wizard-v8419:not([hidden]),
.sayyarati-top-layer-host-v8422 > .admin-public-wizard-v8418:not([hidden]),
.content-wizard-v8419:not([hidden]),
.admin-public-wizard-v8418:not([hidden]){
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
  padding:max(10px,env(safe-area-inset-top,0px)) 10px max(10px,env(safe-area-inset-bottom,0px))!important;
}

.content-wizard-v8419[hidden],
.admin-public-wizard-v8418[hidden],
.content-wizard-v8419 [hidden],
.admin-public-wizard-v8418 [hidden]{
  display:none!important;
}

.content-wizard-v8419__dialog,
.admin-public-wizard-v8418__dialog{
  position:relative!important;
  inset:auto!important;
  width:min(680px,calc(100vw - 20px))!important;
  max-width:calc(100vw - 20px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(780px,calc(var(--sayyarati-visual-height,100dvh) - 20px))!important;
  margin:0!important;
  border-radius:25px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
  box-shadow:0 30px 90px rgba(4,20,46,.38)!important;
  transform:none!important;
}

.content-wizard-v8419__head,
.admin-public-wizard-v8418__head,
.content-wizard-v8419__progress,
.admin-public-wizard-v8418__progress{
  flex:0 0 auto!important;
}

.content-wizard-v8419__dialog > form,
.admin-public-wizard-v8418__dialog > form{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

.content-wizard-v8419__step,
.admin-public-wizard-v8418__step{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:14px 20px 18px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}

.content-wizard-v8419__error,
.admin-public-wizard-v8418__error{
  flex:0 0 auto!important;
}

.content-wizard-v8419__actions,
.admin-public-wizard-v8418__actions{
  position:relative!important;
  inset:auto!important;
  z-index:12!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:9px!important;
  min-height:68px!important;
  margin:0!important;
  padding:11px 20px max(12px,env(safe-area-inset-bottom,0px))!important;
  border-top:1px solid #e8eef5!important;
  background:#fff!important;
  box-shadow:0 -10px 25px rgba(17,45,79,.05)!important;
}

.content-wizard-v8419__actions > span{flex:1 1 auto!important}
.content-wizard-v8419__actions .btn,
.admin-public-wizard-v8418__actions .btn{
  position:relative!important;
  z-index:2!important;
  flex:0 1 160px!important;
  min-width:112px!important;
  min-height:46px!important;
  margin:0!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.content-wizard-v8419__actions .btn[hidden],
.admin-public-wizard-v8418__actions .btn[hidden]{display:none!important}

.content-wizard-v8419__backdrop,
.admin-public-wizard-v8418__backdrop{
  cursor:default!important;
}

/* Prevent any page component from leaking into the dialog's stacking context. */
.content-wizard-v8419__dialog *,
.admin-public-wizard-v8418__dialog *{
  max-width:100%;
  box-sizing:border-box;
}

@media(max-width:700px){
  .sayyarati-top-layer-host-v8422 > .content-wizard-v8419:not([hidden]),
  .sayyarati-top-layer-host-v8422 > .admin-public-wizard-v8418:not([hidden]),
  .content-wizard-v8419:not([hidden]),
  .admin-public-wizard-v8418:not([hidden]){
    place-items:center!important;
    align-items:center!important;
    padding:max(8px,env(safe-area-inset-top,0px)) 8px max(8px,env(safe-area-inset-bottom,0px))!important;
  }

  .content-wizard-v8419__dialog,
  .admin-public-wizard-v8418__dialog{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(var(--sayyarati-visual-height,100dvh) - 16px)!important;
    border-radius:22px!important;
  }

  .content-wizard-v8419__head,
  .admin-public-wizard-v8418__head{
    padding:12px 13px!important;
  }

  .content-wizard-v8419__progress,
  .admin-public-wizard-v8418__progress{
    padding:10px 12px 7px!important;
  }

  .content-wizard-v8419__step,
  .admin-public-wizard-v8418__step{
    padding:12px 14px 16px!important;
  }

  .content-wizard-v8419__actions,
  .admin-public-wizard-v8418__actions{
    min-height:64px!important;
    padding:9px 14px max(10px,env(safe-area-inset-bottom,0px))!important;
  }

  .content-wizard-v8419__actions .btn,
  .admin-public-wizard-v8418__actions .btn{
    flex:0 1 145px!important;
    min-width:0!important;
    min-height:44px!important;
    padding-inline:12px!important;
    font-size:12px!important;
  }
}

@media(max-height:620px){
  .content-wizard-v8419__dialog,
  .admin-public-wizard-v8418__dialog{
    max-height:calc(var(--sayyarati-visual-height,100dvh) - 12px)!important;
  }
  .content-wizard-v8419__head,
  .admin-public-wizard-v8418__head{padding-block:9px!important}
  .content-wizard-v8419__progress,
  .admin-public-wizard-v8418__progress{padding-block:7px 4px!important}
  .content-wizard-v8419__step,
  .admin-public-wizard-v8418__step{padding-block:10px 12px!important}
}