/* Staywyze account-type and host-type signup experience */
.rz-modal-signin .rz-standard-role.swhp-auth-role-picker{max-width:700px;margin:2rem auto 2.4rem}
.rz-modal-signin .swhp-auth-role-picker ul{align-items:stretch;margin:0 -8px}
.rz-modal-signin .swhp-auth-role-picker li{display:flex;margin:0 8px}
.rz-modal-signin .swhp-auth-role-card{display:flex!important;flex:1;min-height:190px;flex-direction:column;align-items:center;justify-content:center;padding:22px 18px!important;border:2px solid #d8d8d8!important;border-radius:16px!important;background:#fff;text-align:center}
.rz-modal-signin .swhp-auth-role-card img{width:58px;max-width:58px;max-height:58px;margin-bottom:12px}
.rz-modal-signin .swhp-auth-role-card>span{font-size:20px;font-weight:800;color:#111}
.rz-modal-signin .swhp-role-description{display:block;max-width:160px;margin-top:7px;color:#6f7686;font-size:11px;font-weight:500;line-height:1.45}
.rz-modal-signin .swhp-auth-role-card:hover{border-color:#111!important;background:#fafafa!important}
.rz-modal-signin .swhp-host-type-step{max-width:700px;margin:1.5rem auto 2rem}
.rz-modal-signin .swhp-host-type-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.rz-modal-signin .swhp-host-type-head>div{display:flex;flex-direction:column;gap:4px}
.rz-modal-signin .swhp-host-type-head strong{font-size:18px;line-height:1.3;color:#111}
.rz-modal-signin .swhp-host-type-head small{color:#737b8c;font-size:11px;line-height:1.45}
.rz-modal-signin .swhp-host-type-back{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #ddd;border-radius:50%;background:#fff;color:#111;cursor:pointer}
.rz-modal-signin .swhp-host-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rz-modal-signin .swhp-host-type-card{display:flex;align-items:flex-start;gap:11px;width:100%;min-height:132px;padding:20px;border:1px solid #dedede;border-radius:14px;background:#fff;color:#111;text-align:left;cursor:pointer;transition:.18s ease}
.rz-modal-signin .swhp-host-type-card:hover{border-color:#111;box-shadow:0 5px 18px rgba(0,0,0,.06);transform:translateY(-1px)}
.rz-modal-signin .swhp-host-type-card>i{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:9px;background:#f3f5f8;font-size:14px}
.rz-modal-signin .swhp-host-type-card>span{display:flex;min-width:0;flex-direction:column;gap:4px}
.rz-modal-signin .swhp-host-type-card strong{font-size:16px;line-height:1.3}
.rz-modal-signin .swhp-host-type-card small{color:#737b8c;font-size:13px;line-height:1.45;font-weight:500}
.rz-modal-signin .swhp-selected-host-type{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 .75rem 18px;padding:10px 12px;border:1px solid #e2e2e2;border-radius:10px;background:#f7f8fa}
.rz-modal-signin .swhp-selected-host-type span{display:flex;align-items:center;gap:8px;font-size:11px;color:#42495a}
.rz-modal-signin .swhp-selected-host-type span i{color:#111}
.rz-modal-signin .swhp-selected-host-type button{padding:0;border:0;background:transparent;color:#1682ff;font-size:11px;font-weight:700;cursor:pointer}
@media(max-width:520px){
  .rz-modal-signin .swhp-auth-role-picker ul{flex-direction:column;gap:10px;margin:0}
  .rz-modal-signin .swhp-auth-role-picker li{margin:0}
  .rz-modal-signin .swhp-auth-role-card{min-height:145px}
  .rz-modal-signin .swhp-host-type-grid{grid-template-columns:1fr}
  .rz-modal-signin .swhp-host-type-card{min-height:0}
}

/* v1.11.36 tighter, centred Staywyze authentication modal */
@media(min-width:769px){
  /* 15% smaller than v1.11.34 (767px -> 652px). */
  .rz-modal.rz-modal-signin{
    width:min(652px,calc(100vw - 48px))!important;
    max-width:652px!important;
    margin-left:max(-326px,calc(24px - 50vw))!important;
  }
  .rz-modal.rz-modal-signin .rz-modal-content,
  .rz-modal.rz-modal-signin .rz-modal-append,
  .rz-modal.rz-modal-signin .rz-modal-container{
    width:auto!important;
    max-width:none!important;
  }
  .rz-modal-signin .rz-standard-role.swhp-auth-role-picker,
  .rz-modal-signin .swhp-host-type-step{
    max-width:100%;
  }
}

/* v1.11.38: native Facebook + Google row in both authentication tabs. */
.rz-modal-signin .swhp-social-row{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  padding-left:0!important;
  padding-right:0!important;
  list-style:none!important;
}
.rz-modal-signin .swhp-social-row > .swhp-social-unit{
  flex:1 1 0!important;
  width:calc(50% - 6px)!important;
  max-width:calc(50% - 6px)!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  list-style:none!important;
}
.rz-modal-signin .swhp-social-row > .swhp-social-unit::before,
.rz-modal-signin .swhp-social-row > .swhp-social-unit::after{
  content:none!important;
  display:none!important;
}
.rz-modal-signin .swhp-social-row .swhp-social-provider{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* The providers belong only to the real login / registration fields. */
.rz-modal-signin form.swhp-auth-choosing-role .swhp-social-row{
  display:none!important;
}
@media(max-width:520px){
  .rz-modal-signin .swhp-social-row{gap:8px!important;}
  .rz-modal-signin .swhp-social-row > .swhp-social-unit{
    width:calc(50% - 4px)!important;
    max-width:calc(50% - 4px)!important;
  }
  .rz-modal-signin .swhp-social-row .swhp-social-provider{font-size:11px!important;}
}