/* === 1. Copy Text === */
#customer_login .u-column1,
#customer_login .u-column2 {
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

#customer_login p { 
	padding-bottom: 1em; 
	font-size: 16px; 
	line-height: 1.8;
	font-family: 'Open_Sans_regular', sans-serif; 

}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px solid #cfc8d8;
    padding: 20px;
    margin: 1em 0;
    text-align: left;
    border-radius: 0px;
}

form.woocommerce-form.woocommerce-form-login.login {
    margin-bottom: 3em;
}

form.lost_reset_password > p:first-of-type {
  font-family: 'Open_Sans_regular', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #595353;
  line-height: 1.4;
  margin-bottom: 25px;
}


/* === 2. LABELS & RADIOBUTTONS (Poppins_Bold) === */
#customer_login .form-row label,
#customer_login .woocommerce-form-row label,
#customer_login .vendor-customer-registration label.radio,
.woocommerce .lost_reset_password label[for="user_login"]{
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-family: 'Poppins_Bold', sans-serif;
	font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #595353;
  margin-bottom: 4px;
}

/* === 3. CHECKBOXEN (nur „Angemeldet bleiben“) === */
#customer_login .woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-family: 'Open_Sans_regular', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #595353;
  line-height: 1.4;
  margin-bottom: 10px;
}

/* Checkbox selbst */
#customer_login input[type="checkbox"] {
  accent-color: #8F723D;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: all 0.2s ease;
}

/* === 4. AGB-CHECKBOX (bündiger Umbruch) === */
#customer_login label[for="tc_agree"] {
  display: block;
  position: relative;
	margin-left: -2px;        /* Abstand zwischen Checkbox und Textblock */
  font-family: 'Open_Sans_regular', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #595353;
  line-height: 1.6;
  margin-bottom: 12px;
  cursor: pointer;
}

/* Checkbox selbst */
#customer_login input[type="checkbox"]#tc_agree {
  accent-color: #8F723D;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
  cursor: pointer;
}

/* Link-Styling */
#customer_login label[for="tc_agree"] a {
  color: #8F723D;
  font-weight: 600;
  text-decoration: none;
}

#customer_login label[for="tc_agree"] a:hover {
  text-decoration: underline;
}

/* === 5. EINGABEFELDER === */
#customer_login input.input-text,
#customer_login input[type="text"],
#customer_login input[type="email"],
#customer_login input[type="password"],
input#user_login {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #595353;
  border-radius: 0;
  font-family: 'Open_Sans_regular', sans-serif;
  font-size: 14px;
  background-color: transparent;
  color: #333;
  margin-bottom: 8px;
  transition: border-color 0.3s ease;
}


#customer_login input:focus {
  border-color: #8F723D;
  outline: none;
}

.woocommerce-ResetPassword.lost_reset_password .form-row-first,
.woocommerce-ResetPassword.lost_reset_password input#user_login {
  width: 100% !important;
  max-width: none !important;
  display: block;
  box-sizing: border-box;
}

/* === 6. RADIOBOXEN === */
#customer_login input[type="radio"] {
  accent-color: #8F723D;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: all 0.2s ease;
}

#customer_login .vendor-customer-registration label.radio {
  margin-bottom: 2px !important;
}

/* Aktiver Zustand */
#customer_login input[type="radio"]:checked + span,
#customer_login input[type="radio"]:checked + label,
#customer_login .vendor-customer-registration input[type="radio"]:checked + label {
  color: #8F723D;
}

/* === 7. BUTTONS === */
#customer_login .woocommerce-button,
#customer_login .button,
.lost_reset_password .woocommerce-Button {
  margin-top: 10px;
  background-color: #8F723D !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Poppins_Bold', sans-serif !important;
font-weight: 600;
  font-size: 14px !important;
  letter-spacing: 3px;
  text-transform: uppercase !important;
  padding: 16px 30px !important;
  cursor: pointer;
  transition: all 0.3s ease;
}

#customer_login .woocommerce-button:hover,
#customer_login .button:hover,
.lost_reset_password .woocommerce-Button:hover,
.lost_reset_password .button:hover {
  background-color: #a88b52 !important;
}

/* Passwort-vergessen Button (stabil) */
form.lost_reset_password button.woocommerce-Button.button {
  display: inline-block !important;
  box-sizing: border-box !important;
  width: auto !important;
  padding: 16px 30px !important;
  background-color: #8F723D !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Poppins_Bold', sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 3px;
  text-transform: uppercase !important;
  cursor: pointer;
  line-height: 1 !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover-Zustand – gleiche Größe, nur Farbe ändert sich */
form.lost_reset_password button.woocommerce-Button.button:hover {
  background-color: #a88b52 !important;
  color: #fff !important;
  padding: 16px 30px !important;
  box-sizing: border-box !important;
}


/* === 8. ABSTÄNDE === */
#customer_login .form-row,
#customer_login .woocommerce-form-row {
  margin-bottom: 18px;
}

/* === 9. PASSWORT VERGESSEN === */

p.woocommerce-LostPassword.lost_password {
    margin-top: -20px !important;
}

#customer_login .lost_password a {
  font-family: 'Open_Sans_regular', sans-serif;
	font-weight: 600;
  color: #8F723D;
  text-decoration: none;
}

#customer_login .lost_password a:hover {
  color: #a88b52;
  text-decoration: underline;
}

/* === 10. DATENSCHUTZERKLÄRUNG / AGB TEXT === */
#customer_login .woocommerce-privacy-policy-text {
  margin-top: 15px;
  line-height: 1.6;
}

#customer_login .woocommerce-privacy-policy-text a {
  color: #8F723D;
  font-weight: 600;
  text-decoration: none;
}

#customer_login .woocommerce-privacy-policy-text a:hover {
  text-decoration: underline;
}

p.woocommerce-form-row.form-row {
    margin-top: 15px;
}


.woocommerce-form-login button.woocommerce-form-login__submit {
  display: block;
  margin-top: 15px;
}


label.radio {
    margin-top: 10px;
}

#customer_login .vendor-customer-registration label.radio:last-of-type {
  margin-top: -10px;
}

/* TEST – nur Login-Button */
#customer_login button.woocommerce-form-login__submit {

  margin-top: 30px !important;        /* überdeutlich zum Prüfen */
  display: block !important;          /* sichert, dass margin-top wirkt */
}

/* === WooCommerce Hinweis- / Fehlermeldungen === */
.woocommerce-ResetPassword lost_reset_password,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
  font-family: 'Open_Sans_regular', sans-serif;
  font-size: 14px !important;
  background-color: rgba(143,114,61,0.3) !important;
  color: #333 !important;
  padding: 14px 18px;
  margin-bottom: 25px;
  line-height: 1.5;
  border-radius: 0;
}

/* === Rahmen um Passwort-vergessen Formular === */
form.woocommerce-ResetPassword.lost_reset_password {
  border: 1px solid #d9d9d9;       /* goldener Rahmen */
  padding: 40px 50px;              /* Innenabstand */
  background-color: transparent;   /* durchsichtig */
  border-radius: 0;                /* keine Rundungen */
  max-width: 100%;                /* optional: Breite begrenzen */
  margin: 0 auto 40px auto;        /* zentrieren + Abstand nach unten */
  box-sizing: border-box;
}

form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
  margin-bottom: -15px;
}


/* === STYLING: Passwort zurücksetzen Formular === */

/* Container */
form.woocommerce-ResetPassword.lost_reset_password {
  border: 1px solid #cfc8d8;
  padding: 40px 50px;
  background-color: transparent;
  border-radius: 0;
  max-width: 100%;

  box-sizing: border-box;
}

/* Beschreibungstext */
form.woocommerce-ResetPassword.lost_reset_password > p:first-of-type {
  font-family: 'Open_Sans_regular', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #595353;
  line-height: 1.6;
  margin-bottom: 25px;
}

/* Labels */
form.woocommerce-ResetPassword.lost_reset_password label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Poppins_Bold', sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #595353;
  margin-bottom: 6px;
}

/* Eingabefelder */
form.woocommerce-ResetPassword.lost_reset_password input[type="password"] {
  width: 100%;

  border: 1px solid #595353;
  border-radius: 0;
  font-family: 'Open_Sans_regular', sans-serif;
  font-size: 14px;
  padding: 14px 16px;
  background-color: transparent;
  color: #333;
  margin-bottom: 18px;
  transition: border-color 0.3s ease;
}

form.woocommerce-ResetPassword.lost_reset_password input[type="password"]:focus {
  border-color: #8F723D;
  outline: none;
}

/* Button */
form.woocommerce-ResetPassword.lost_reset_password button.woocommerce-Button.button {
  font-weight: 600 !important;
}

form.woocommerce-ResetPassword.lost_reset_password button.woocommerce-Button.button:hover {
  background-color: #a88b52 !important;
}

/* === FIX: Passwortfelder im Reset-Formular === */

/* Beide Passwortfelder gleich breit */
form.woocommerce-ResetPassword.lost_reset_password .form-row-first,
form.woocommerce-ResetPassword.lost_reset_password .form-row-last {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* Auge-Icon (Passwort anzeigen) mittig ausrichten */
form.woocommerce-ResetPassword.lost_reset_password .show-password-input {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* Positionierung des Passwortfeldes (damit das Icon richtig sitzt) */
form.woocommerce-ResetPassword.lost_reset_password .password-input {
  position: relative;
  display: block;
}

/* Optional: etwas Abstand nach unten */
form.woocommerce-ResetPassword.lost_reset_password p.form-row {
  margin-bottom: 20px;
}

a {
    font-weight: 600;
}


/* Nur der Text unter der Passwort-Reset-Meldung */
.woo-format .woocommerce > p {
 font-family: Open_Sans_regular
}

div#password_strength {
    font-family: Open_Sans_regular;
}