/* ============================================================
   DRIVEVIBE – LOGIN FORM STYLING
   ============================================================ */

/* Login Form Container */
.woocommerce-form-login {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Input Fields - Full Width */
.woocommerce-form-login .form-row {
    width: 100%;
    margin-bottom: 20px;
}

.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"],
.woocommerce-form-login input[type="email"] {
    width: 100%;
}

/* "Angemeldet bleiben" Checkbox - Links ausgerichtet */
.woocommerce-form-login .woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    width: 100%;
    text-align: left;
}

.woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"] {
    width: auto;
    margin: 0;
}

.woocommerce-form-login .woocommerce-form-login__rememberme label {
    margin: 0;
    color: #ffffff;
}

/* Login Button - Links ausgerichtet */
.woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-form-login button[type="submit"],
.woocommerce-form-login .button {
    align-self: flex-start;
    margin-bottom: 15px;
}

/* "Passwort vergessen?" Link - Links ausgerichtet */
.woocommerce-form-login .woocommerce-LostPassword {
    text-align: left;
    width: 100%;
}

.woocommerce-form-login .woocommerce-LostPassword a {
    color: #ffffff;
    text-decoration: underline;
}

.woocommerce-form-login .woocommerce-LostPassword a:hover {
    color: var(--btn-bg);
}

/* Register Form - Same styling */
.woocommerce-form-register {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.woocommerce-form-register .form-row {
    width: 100%;
    margin-bottom: 20px;
}

.woocommerce-form-register input[type="text"],
.woocommerce-form-register input[type="password"],
.woocommerce-form-register input[type="email"] {
    width: 100%;
}

.woocommerce-form-register .woocommerce-form-register__submit,
.woocommerce-form-register button[type="submit"] {
    align-self: flex-start;
}