/* SLAYVIET_AUTH_REGISTRATION_PROVIDER_INLINE_COMPACT_V4558 */

/* This stage keeps v4557 logic, but makes registration external providers
   visually match the login page: icon on the left, text on the right.
   It also compacts registration fields a bit more. */

.sv-auth-final-register{
  --sv-final-field-h:42px;
  --sv-final-gap:7px;
}

.sv-auth-final-register .sv-reg-main-card{
  padding:10px 11px 12px !important;
  border-radius:17px !important;
}

.sv-auth-final-register .sv-reg-title{
  font-size:28px !important;
  line-height:1.03 !important;
  margin:0 0 9px !important;
}

.sv-auth-final-register .sv-final-method-title{
  font-size:17px !important;
  margin:0 0 8px !important;
}

.sv-auth-final-register .sv-final-field-wrap{
  margin:0 0 7px !important;
}

.sv-auth-final-register .sv-final-field-wrap label{
  margin:0 0 4px !important;
  font-size:13px !important;
  line-height:1.18 !important;
}

.sv-auth-final-register input:not([type="checkbox"]):not([type="radio"]),
.sv-auth-final-register select{
  min-height:42px !important;
  height:42px !important;
  max-height:42px !important;
  border-radius:13px !important;
  padding:0 13px !important;
  font-size:15px !important;
}

.sv-auth-final-register .sv-reg-consents{
  margin:4px 0 8px !important;
}

.sv-auth-final-register .sv-reg-consent-row{
  grid-template-columns:18px minmax(0,1fr) !important;
  column-gap:8px !important;
  padding:3px 0 !important;
}

.sv-auth-final-register input[type="checkbox"]{
  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  flex:0 0 18px !important;
  margin:1px 0 0 !important;
  border-radius:4px !important;
}

.sv-auth-final-register .sv-reg-consent-row label,
.sv-auth-final-register .sv-reg-consent-row .sv-reg-consent-text{
  font-size:13px !important;
  line-height:1.24 !important;
}

.sv-auth-final-register .sv-reg-create-button,
.sv-auth-final-register .sv-final-main-action{
  min-height:48px !important;
  height:48px !important;
  border-radius:15px !important;
  margin-top:4px !important;
  font-size:17px !important;
}

.sv-auth-final-register .sv-reg-other-methods-title,
.sv-auth-final-register .sv-final-alt-title{
  font-size:18px !important;
  line-height:1.1 !important;
  margin:12px 0 8px !important;
}

.sv-auth-final-register .sv-final-provider-stack,
.sv-auth-final-register .sv-reg-provider-grid{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  width:100% !important;
  align-items:stretch !important;
}

.sv-auth-final-register .sv-final-provider-card,
.sv-auth-final-register .sv-reg-provider-card,
.sv-auth-final-register .sv-final-provider-stack > *{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:46px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:14px !important;
}

.sv-auth-final-register .sv-final-provider-card .sv-auth-provider-premium,
.sv-auth-final-register .sv-reg-provider-card .sv-auth-provider-premium,
.sv-auth-final-register .sv-final-provider-stack .sv-auth-provider-premium{
  width:100% !important;
  min-height:46px !important;
  height:46px !important;
  margin:0 !important;
  padding:0 14px !important;
  border-radius:14px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  text-align:left !important;
}

.sv-auth-final-register .sv-auth-provider-premium .sv-auth-provider-icon,
.sv-auth-final-register .sv-auth-provider-premium [class*="icon"]{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  max-width:22px !important;
  flex:0 0 22px !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.sv-auth-final-register .sv-auth-provider-premium .sv-auth-provider-label,
.sv-auth-final-register .sv-auth-provider-premium span:last-child{
  flex:1 1 auto !important;
  min-width:0 !important;
  text-align:left !important;
  font-size:15px !important;
  line-height:1.1 !important;
  white-space:normal !important;
  margin:0 !important;
}

.sv-auth-final-register .sv-final-footer{
  margin-top:10px !important;
  padding-top:8px !important;
}

.sv-auth-final-register .sv-final-tight{
  margin-top:5px !important;
  margin-bottom:5px !important;
}

@media (max-width:420px){
  .sv-auth-final-register{
    --sv-final-field-h:41px;
    --sv-final-gap:6px;
  }

  .sv-auth-final-register .sv-reg-main-card{
    padding:10px 10px 11px !important;
  }

  .sv-auth-final-register .sv-reg-title{
    font-size:27px !important;
  }

  .sv-auth-final-register .sv-auth-provider-premium{
    min-height:45px !important;
    height:45px !important;
    padding:0 13px !important;
    gap:11px !important;
  }

  .sv-auth-final-register .sv-auth-provider-premium .sv-auth-provider-icon,
  .sv-auth-final-register .sv-auth-provider-premium [class*="icon"]{
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    max-width:21px !important;
    flex:0 0 21px !important;
  }

  .sv-auth-final-register .sv-auth-provider-premium .sv-auth-provider-label,
  .sv-auth-final-register .sv-auth-provider-premium span:last-child{
    font-size:14px !important;
  }
}