/* =========================================================================
   RFP Login page — BuddyBoss split layout (bb-login bb-template-v2)
   ========================================================================= */

/* ---- Dölj BuddyBoss split-panel helt ---- */
body.login .login-split { display: none !important; }

/* ---- Sida: grå bakgrund + centrerat kort ---- */
body.login {
  background: #f6f6f6 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  padding: 48px 24px !important;
  box-sizing: border-box !important;
}

/* ---- Nollställ BuddyBoss split-positionering av #login ---- */
body.login.login-split-page #login,
body.login #login {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  float: none !important;
  width: 100% !important;
  max-width: 480px !important;
  min-height: 0 !important;
  height: auto !important;
  background: #fff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 12px !important;
  padding: 40px !important;
  box-shadow: none !important;
  margin: 0 auto !important;
}

/* ---- Dölj BuddyBoss-logotypen (vi visar vår via PHP) ---- */
body.login #login h1.wp-login-logo { display: none; }

/* ---- Vår header (logotyp + rubrik + underrubrik) ---- */
.rfp-login-header { text-align: center; margin-bottom: 28px; }
.rfp-login-logo { height: 48px; width: auto; display: block; margin: 0 auto 20px; }
.rfp-login-header h2 {
  font-family: 'Source Sans 3', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #242424;
  margin: 0 0 8px;
}
.rfp-login-subtitle { font-size: 14px; color: #585858; margin: 0; }

/* ---- Formuläretiketter ---- */
body.login #loginform label {
  font-size: 14px;
  font-weight: 600;
  color: #242424;
  font-family: 'Source Sans 3', sans-serif;
}

/* ---- Inmatningsfält ---- */
body.login #loginform input[type="text"],
body.login #loginform input[type="password"],
body.login #loginform input[type="email"] {
  border: 1px solid #d9d9d9 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 15px;
  font-family: 'Source Sans 3', sans-serif;
  color: #242424;
  width: 100%;
  box-sizing: border-box;
  box-shadow: none !important;
  height: auto !important;
  background: #fff !important;
}
body.login #loginform input[type="text"]:focus,
body.login #loginform input[type="password"]:focus {
  border-color: #00854a !important;
  box-shadow: 0 0 0 3px rgba(0,133,74,0.12) !important;
  outline: none;
}

/* ---- Dölj lösenordsöga (JS sätter display:block inline — behövs visibility) ---- */
body.login .wp-hide-pw {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
}

/* ---- Dölj alla ::before/::after ikoner som BuddyBoss lägger i fält-wrappers och labels ---- */
body.login #loginform p::before,
body.login #loginform p::after,
body.login #loginform .wp-pwd::before,
body.login #loginform .wp-pwd::after,
body.login #loginform .user-pass-wrap::before,
body.login #loginform .user-pass-wrap::after,
body.login #loginform .input-wrapper::before,
body.login #loginform .input-wrapper::after,
body.login #loginform label::before,
body.login #loginform label::after,
body.login #user_label::before,
body.login #user_label::after,
body.login #pass_label::before,
body.login #pass_label::after {
  display: none !important;
  content: none !important;
}

/* ---- Ta bort bakgrundsikoner och återställ padding i fält ---- */
body.login #loginform input[type="text"],
body.login #loginform input[type="password"] {
  background-image: none !important;
  padding-right: 14px !important;
}

/* ---- Dölj "kom ihåg mig" ---- */
body.login #loginform .forgetmenot { display: none; }

/* ---- Logga in-knapp ---- */
body.login #wp-submit {
  background: #00854a !important;
  border-color: #00854a !important;
  color: #fff !important;
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 700;
  font-size: 16px;
  border-radius: 100px !important;
  padding: 14px 30px !important;
  width: 100%;
  height: auto !important;
  min-height: 44px;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background 0.2s;
}
body.login #wp-submit:hover,
body.login #wp-submit:focus {
  background: #006738 !important;
  border-color: #006738 !important;
}

/* ---- Glömt lösenord (inuti formulär) ---- */
body.login .lostmenot { text-align: center; }
body.login .lostmenot a,
body.login #nav a {
  color: #00854a;
  font-size: 14px;
  font-family: 'Source Sans 3', sans-serif;
  text-decoration: none;
}
body.login .lostmenot a:hover,
body.login #nav a:hover { text-decoration: underline; }
body.login #nav { text-align: center; font-family: 'Source Sans 3', sans-serif; }

/* ---- Dölj element vi inte behöver ---- */
body.login #backtoblog,
body.login .privacy-policy-page-link,
body.login .language-switcher { display: none; }

/* ---- Fel-/framgångsmeddelanden ---- */
body.login #login_error,
body.login .message {
  border-radius: 6px;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 14px;
  box-shadow: none;
}
body.login #login_error { border-left-color: #da1e28; }
body.login .message { border-left-color: #00854a; }

/* ---- Informationsruta (flyttas in i #login via JS) ---- */
.rfp-login-info {
  margin-top: 20px;
  padding: 16px;
  background: #f6f6f6;
  border-radius: 8px;
  font-size: 13px;
  font-family: 'Source Sans 3', sans-serif;
  color: #585858;
  line-height: 1.5;
}
.rfp-login-info strong { color: #242424; }
.rfp-login-info a { color: #00854a; text-decoration: underline; }

/* ---- Tablet / desktop: större kort ---- */
@media (min-width: 600px) {
  body.login.login-split-page #login,
  body.login #login {
    max-width: 580px !important;
    padding: 52px !important;
  }
  .rfp-login-header h2 { font-size: 28px; }
  body.login #loginform label { font-size: 15px; }
  body.login #loginform input[type="text"],
  body.login #loginform input[type="password"],
  body.login #loginform input[type="email"] {
    font-size: 16px !important;
    padding: 12px 16px !important;
  }
  body.login #wp-submit {
    font-size: 17px;
    padding: 16px 30px !important;
  }
}