/* ALFARI 6.32.0 canonical login presentation */

/* 6.24.1 – ALFARI LOGIN VISUAL FIX
   Presentation only. No authentication/registration logic changes. */

body.page-alfari-anmelden,
body.page-login,
body[class*="alfari-an"],
body[class*="login"]{
  background:#f7f8f5!important;
}

body.page-alfari-anmelden main,
body.page-login main,
body[class*="alfari-an"] main,
body[class*="login"] main{
  padding-top:clamp(1.5rem,4vw,2.5rem)!important;
  overflow-x:hidden!important;
}

/* Login container/card */
body.page-alfari-anmelden main :is(form,[class*="login-card"],[class*="auth-card"],[class*="login-box"],[class*="auth-box"]),
body.page-login main :is(form,[class*="login-card"],[class*="auth-card"],[class*="login-box"],[class*="auth-box"]),
body[class*="alfari-an"] main :is(form,[class*="login-card"],[class*="auth-card"],[class*="login-box"],[class*="auth-box"]),
body[class*="login"] main :is(form,[class*="login-card"],[class*="auth-card"],[class*="login-box"],[class*="auth-box"]){
  background:#fff!important;
  background-image:none!important;
  color:#1f2328!important;
  border:1px solid #dfe4dc!important;
  border-radius:22px!important;
  box-shadow:0 12px 30px rgba(31,35,40,.08)!important;
  opacity:1!important;
  filter:none!important;
}

/* Titles and copy */
body.page-alfari-anmelden main :is(h1,h2,h3,h4,strong,label,legend),
body.page-login main :is(h1,h2,h3,h4,strong,label,legend),
body[class*="alfari-an"] main :is(h1,h2,h3,h4,strong,label,legend),
body[class*="login"] main :is(h1,h2,h3,h4,strong,label,legend){
  color:#1f2328!important;
  -webkit-text-fill-color:#1f2328!important;
  opacity:1!important;
}

body.page-alfari-anmelden main :is(p,small,span),
body.page-login main :is(p,small,span),
body[class*="alfari-an"] main :is(p,small,span),
body[class*="login"] main :is(p,small,span){
  color:#4b5563!important;
  -webkit-text-fill-color:#4b5563!important;
  opacity:1!important;
}

/* Inputs */
body.page-alfari-anmelden main :is(input[type="email"],input[type="text"],input[type="password"]),
body.page-login main :is(input[type="email"],input[type="text"],input[type="password"]),
body[class*="alfari-an"] main :is(input[type="email"],input[type="text"],input[type="password"]),
body[class*="login"] main :is(input[type="email"],input[type="text"],input[type="password"]){
  width:100%!important;
  min-height:54px!important;
  background:#fff!important;
  color:#1f2328!important;
  -webkit-text-fill-color:#1f2328!important;
  border:2px solid #cfd5d1!important;
  border-radius:14px!important;
  box-shadow:none!important;
  opacity:1!important;
}

body.page-alfari-anmelden main :is(input[type="email"],input[type="text"],input[type="password"]):focus,
body.page-login main :is(input[type="email"],input[type="text"],input[type="password"]):focus,
body[class*="alfari-an"] main :is(input[type="email"],input[type="text"],input[type="password"]):focus,
body[class*="login"] main :is(input[type="email"],input[type="text"],input[type="password"]):focus{
  border-color:#7fb82e!important;
  outline:3px solid rgba(127,184,46,.18)!important;
  outline-offset:1px!important;
}

/* Checkbox */
body.page-alfari-anmelden main input[type="checkbox"],
body.page-login main input[type="checkbox"],
body[class*="alfari-an"] main input[type="checkbox"],
body[class*="login"] main input[type="checkbox"]{
  accent-color:#7fb82e!important;
}

/* Primary login button */
body.page-alfari-anmelden main :is(button[type="submit"],input[type="submit"],.button-primary,[class*="login-button"]),
body.page-login main :is(button[type="submit"],input[type="submit"],.button-primary,[class*="login-button"]),
body[class*="alfari-an"] main :is(button[type="submit"],input[type="submit"],.button-primary,[class*="login-button"]),
body[class*="login"] main :is(button[type="submit"],input[type="submit"],.button-primary,[class*="login-button"]){
  width:100%!important;
  min-height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#2f7d24!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid #2f7d24!important;
  border-radius:14px!important;
  font-weight:850!important;
  opacity:1!important;
  filter:none!important;
}

/* Secondary links */
body.page-alfari-anmelden main a,
body.page-login main a,
body[class*="alfari-an"] main a,
body[class*="login"] main a{
  color:#6fa323!important;
  -webkit-text-fill-color:#6fa323!important;
  font-weight:700!important;
  text-decoration-thickness:1.5px!important;
  text-underline-offset:3px!important;
  opacity:1!important;
}

/* Keep helper / muted copy readable */
body.page-alfari-anmelden main :is(.description,.hint,.help,.muted,[class*="help"],[class*="hint"]),
body.page-login main :is(.description,.hint,.help,.muted,[class*="help"],[class*="hint"]),
body[class*="alfari-an"] main :is(.description,.hint,.help,.muted,[class*="help"],[class*="hint"]),
body[class*="login"] main :is(.description,.hint,.help,.muted,[class*="help"],[class*="hint"]){
  color:#5f6872!important;
  -webkit-text-fill-color:#5f6872!important;
}

/* Mobile spacing and avatar-safe bottom area */
@media(max-width:759px){
  body.page-alfari-anmelden main,
  body.page-login main,
  body[class*="alfari-an"] main,
  body[class*="login"] main{
    padding-inline:1rem!important;
    padding-bottom:7rem!important;
  }

  body.page-alfari-anmelden main :is(form,[class*="login-card"],[class*="auth-card"],[class*="login-box"],[class*="auth-box"]),
  body.page-login main :is(form,[class*="login-card"],[class*="auth-card"],[class*="login-box"],[class*="auth-box"]),
  body[class*="alfari-an"] main :is(form,[class*="login-card"],[class*="auth-card"],[class*="login-box"],[class*="auth-box"]),
  body[class*="login"] main :is(form,[class*="login-card"],[class*="auth-card"],[class*="login-box"],[class*="auth-box"]){
    width:100%!important;
    max-width:100%!important;
    padding:1.2rem!important;
  }
}

/* 6.31.2 presentation only */
@media(max-width:700px){
body.alfari-account-action-login main,body[class*="alfari-anmeldung"] main{overflow-x:hidden!important;padding-top:18px!important;padding-bottom:7rem!important}
body.alfari-account-action-login :is(.alfari-login-runtime-card,.alfari-account-card,[class*="login-card"],[class*="account-card"]),body[class*="alfari-anmeldung"] :is(.alfari-login-runtime-card,.alfari-account-card,[class*="login-card"],[class*="account-card"]){min-height:0!important;height:auto!important;padding:20px!important;border-radius:20px!important}
body.alfari-account-action-login :is(.alfari-login-runtime-card,.alfari-account-card,[class*="login-card"]) :is(.kicker,.eyebrow,[class*="kicker"],[class*="eyebrow"],h2,h3,p):not(form *),body[class*="alfari-anmeldung"] :is(.alfari-login-runtime-card,.alfari-account-card,[class*="login-card"]) :is(.kicker,.eyebrow,[class*="kicker"],[class*="eyebrow"],h2,h3,p):not(form *){color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
body.alfari-account-action-login :is(form,.login-form,[class*="login-form"]),body[class*="alfari-anmeldung"] :is(form,.login-form,[class*="login-form"]){margin-top:18px!important;padding:20px!important;border-radius:18px!important;background:#fff!important;color:#1f2328!important}
body.alfari-account-action-login form :is(label,strong,h2,h3,p,span),body[class*="alfari-anmeldung"] form :is(label,strong,h2,h3,p,span){color:#1f2328!important;-webkit-text-fill-color:#1f2328!important}
body.alfari-account-action-login form :is(input[type="email"],input[type="text"],input[type="password"]),body[class*="alfari-anmeldung"] form :is(input[type="email"],input[type="text"],input[type="password"]){width:100%!important;min-height:52px!important;box-sizing:border-box!important;font-size:16px!important}
body.alfari-account-action-login :is(.wrap,.container,[class*="shell"]):has(.alfari-login-runtime-card),body[class*="alfari-anmeldung"] :is(.wrap,.container,[class*="shell"]):has(form){min-height:0!important;padding-top:0!important;padding-bottom:0!important}
}
/* 6.31.3 – LOGIN INTRO ANTHRACITE CLOSURE 001
   Final mobile visual rule:
   anthracite = surface, white = information, ALFARI green = action/accent. */
@media(max-width:700px){
  body.alfari-account-action-login :is(.alfari-login-runtime-card,.alfari-account-card,[class*="login-card"]),
  body[class*="alfari-anmeldung"] :is(.alfari-login-runtime-card,.alfari-account-card,[class*="login-card"]){
    background:#252a2d!important;
    background-image:none!important;
    color:#fff!important;
  }

  body.alfari-account-action-login :is(.alfari-login-runtime-card,.alfari-account-card,[class*="login-card"]) :is(.kicker,.eyebrow,[class*="kicker"],[class*="eyebrow"],h2,h3),
  body[class*="alfari-anmeldung"] :is(.alfari-login-runtime-card,.alfari-account-card,[class*="login-card"]) :is(.kicker,.eyebrow,[class*="kicker"],[class*="eyebrow"],h2,h3){
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
  }

  body.alfari-account-action-login :is(.alfari-login-runtime-card,.alfari-account-card,[class*="login-card"]) > p,
  body[class*="alfari-anmeldung"] :is(.alfari-login-runtime-card,.alfari-account-card,[class*="login-card"]) > p{
    color:#f1f3f2!important;
    -webkit-text-fill-color:#f1f3f2!important;
    opacity:1!important;
  }

  /* Form remains the bright functional surface. */
  body.alfari-account-action-login :is(form,.login-form,[class*="login-form"]),
  body[class*="alfari-anmeldung"] :is(form,.login-form,[class*="login-form"]){
    background:#fff!important;
    color:#1f2328!important;
  }

  /* Green is reserved for primary action and secondary link accents. */
  body.alfari-account-action-login form :is(button[type="submit"],input[type="submit"],.button.primary),
  body[class*="alfari-anmeldung"] form :is(button[type="submit"],input[type="submit"],.button.primary){
    min-height:54px!important;
  }

  body.alfari-account-action-login :is(a[href*="lostpassword"],a[href*="passwort"],.lost-password),
  body[class*="alfari-anmeldung"] :is(a[href*="lostpassword"],a[href*="passwort"],.lost-password){
    color:#79b82a!important;
    -webkit-text-fill-color:#79b82a!important;
    font-weight:750!important;
  }

  /* Keep intro compact beneath the fixed public header. */
  body.alfari-account-action-login main,
  body[class*="alfari-anmeldung"] main{
    padding-top:12px!important;
  }
}