/* 0.9.9.88 — auth pages: use the EXISTING auth intro as the only hero. */

body.page-prihlasenie .azauth09988-content,
body.page-registracia .azauth09988-content{
  background:#fbf8f4;
  padding:44px 0 72px;
}

body.page-prihlasenie .azauth09988-content__inner,
body.page-registracia .azauth09988-content__inner{
  width:min(1120px,calc(100% - 36px));
  margin:0 auto;
}

/* The existing auth intro block is promoted into the public-site hero. */
.azauth09988-existing-hero{
  position:relative!important;
  min-height:360px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background-image:
    linear-gradient(90deg,rgba(27,19,15,.76) 0%,rgba(27,19,15,.46) 45%,rgba(27,19,15,.14) 100%),
    var(--azauth09988-hero-image)!important;
  background-size:cover!important;
  background-position:center 48%!important;
  color:#fff!important;
}

.azauth09988-existing-hero > *{
  position:relative!important;
  z-index:1!important;
}

.azauth09988-existing-hero .azauth09988-hero-copy{
  width:min(1120px,calc(100% - 36px))!important;
  margin:0 auto!important;
  padding:62px 0!important;
}

.azauth09988-existing-hero .azauth09988-hero-kicker{
  display:block!important;
  margin:0 0 10px!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  color:#d9b77e!important;
}

.azauth09988-existing-hero h1,
.azauth09988-existing-hero h2{
  max-width:720px!important;
  margin:0 0 14px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(44px,6vw,68px)!important;
  line-height:1!important;
  font-weight:500!important;
  color:#fff!important;
}

.azauth09988-existing-hero p{
  max-width:680px!important;
  margin:0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:17px!important;
  line-height:1.7!important;
}

/* Remove the old beige card styling from that intro block and its children. */
.azauth09988-existing-hero,
.azauth09988-existing-hero *{
  box-sizing:border-box;
}

.azauth09988-existing-hero .azauth09988-hide-in-hero{
  display:none!important;
}

/* Keep the actual auth module airy and centered under the hero. */
body.page-prihlasenie .azauth09988-content [class*="auth"],
body.page-registracia .azauth09988-content [class*="auth"]{
  max-width:100%;
}

body.page-prihlasenie .azauth09988-content h1:first-child,
body.page-prihlasenie .azauth09988-content h2:first-child,
body.page-registracia .azauth09988-content h1:first-child,
body.page-registracia .azauth09988-content h2:first-child{
  font-family:Georgia,"Times New Roman",serif;
}

/* Neutralize remnants from the previous 0.9.9.87 experiment if browser/cache keeps them. */
.azauth09987-hero,
.azauth09987-bar,
.azauth09987-side{
  display:none!important;
}
.azauth09987-page{
  padding:0!important;
  background:transparent!important;
}
.azauth09987-layout{
  display:block!important;
}
.azauth09987-form-card{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Prevent page-content wrappers from creating a second huge card around the existing module. */
body.page-prihlasenie .azauth09988-content .az-content-card,
body.page-registracia .azauth09988-content .az-content-card{
  max-width:none;
}

@media(max-width:760px){
  .azauth09988-existing-hero{
    min-height:310px!important;
  }
  .azauth09988-existing-hero .azauth09988-hero-copy{
    padding:46px 0!important;
  }
  body.page-prihlasenie .azauth09988-content,
  body.page-registracia .azauth09988-content{
    padding:30px 0 52px;
  }
}