/* MemberPress Login-Button (Anmelden) hart überschreiben */
.mepr-form input#wp-submit.button-primary.mepr-share-button {
  background: #D9CBBE !important;   /* Grundfarbe */
  color: #48433F !important;         /* Text normal */
  border: none !important;
  border-radius: 15px !important;
  padding: 0.75em 1.5em !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: color .2s ease !important;
  cursor: pointer !important;
}

/* Hover + Tastaturfokus: nur Text wird rot, Grundfarbe bleibt */
.mepr-form input#wp-submit.button-primary.mepr-share-button:hover,
.mepr-form input#wp-submit.button-primary.mepr-share-button:focus {
  background: #D9CBBE !important;
  color: #cf2e2e !important;
  outline: none !important;
}


/* Link "Passwort vergessen" im Login-Formular wie ein Button */
.mepr-login-actions a {
  display: inline-block;
  margin-top: 1em;
  background-color: #D9CBBE;   /* gleiche Grundfarbe wie Anmelden */
  color: #48433F;              /* Textfarbe normal */
  border: none;
  border-radius: 15px;
  padding: 0.75em 1.5em;
  font-size: 0.9rem;
  font-weight: 500;
  text-decoration: none;       /* Unterstreichung weg */
  transition: color 0.2s ease;
  cursor: pointer;
}

/* Hover-Effekt: Hintergrund bleibt, Text wird rot */
.mepr-login-actions a:hover {
  background-color: #D9CBBE;
  color: #cf2e2e;
}

/* "Passwort ändern" als Button im Fab50s-Style im "Mein Konto"-Teil*/
form#mepr_account_form a[href*="action=newpassword"],
.mepr-account a[href*="action=newpassword"],
#mepr-account-nav ~ * a[href*="action=newpassword"],
a#mepr-account-change-password {
  display: inline-block !important;
  margin-top: 1em !important;
  background-color: #D9CBBE !important;
  color: #48433F !important;
  border: none !important;
  border-radius: 15px !important;
  padding: 0.75em 1.5em !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  transition: color 0.2s ease !important;
  cursor: pointer !important;
}

/* Hover: Hintergrund bleibt beige, Text wird rot */
form#mepr_account_form a[href*="action=newpassword"]:hover,
.mepr-account a[href*="action=newpassword"]:hover,
#mepr-account-nav ~ * a[href*="action=newpassword"]:hover,
a#mepr-account-change-password:hover {
  background-color: #D9CBBE !important;
  color: #cf2e2e !important;
}


/* ======================================
   Fab50s – Button-Ausrichtung & Einheitlichkeit
   ====================================== */

/* Beide Buttons gleich groß & harmonisch */
#mepr_account_form input.mepr-submit.mepr-share-button,
.mp_wrapper .mepr-account-change-password a {
  display: inline-block;
  min-width: 200px;               /* gleiche Breite */
  background-color: #D9CBBE;
  color: #48433F;
  border: none;
  border-radius: 15px;
  padding: 12px 28px;             /* gleiche Innenabstände */
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  line-height: 1.3;
  cursor: pointer;
  transition: color 0.25s ease;
}

/* Hover: Schrift rot, Hintergrund bleibt */
#mepr_account_form input.mepr-submit.mepr-share-button:hover,
.mp_wrapper .mepr-account-change-password a:hover {
  background-color: #D9CBBE;
  color: #cf2e2e;
}

/* Fokus-Zustand */
#mepr_account_form input.mepr-submit.mepr-share-button:focus,
.mp_wrapper .mepr-account-change-password a:focus {
  outline: 2px solid #cf2e2e;
  outline-offset: 3px;
}

/* Abstand zwischen beiden Buttons */
#mepr_account_form input.mepr-submit.mepr-share-button {
  margin-right: 15px;
}