/* ===== Custom login layout ===== */
.wlr-login-wrap {
  min-height: min(100svh, 100vh);
  display: grid;
  align-items: stretch;
}

.wlr-login-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: min(100svh, 100vh);
}

.wlr-login-left {
  background: #272757;
  display: grid;
  place-items: center;
  padding: clamp(24px, 5vw, 64px);
}

.wlr-left-inner { max-width: 520px; text-align: left; }
.wlr-brand { width: 180px; height: auto; margin: 0 auto 24px; display: block; }
.wlr-title { font-size: 24px !important; margin-bottom: 10px; margin-top: 8px;line-height: 1.2 !important; text-align: center; color:#ffffff !important; }
.wlr-subtitle { color: #6b7280; margin: 0; }

.wlr-login-right {
  display: grid;
  place-items: center;
  padding: clamp(24px, 5vw, 64px);
}

/* --- No card borders/box-shadows --- */
.wlr-card {
  background: transparent;
  box-shadow: none;
  border: none;
  padding: 0;
  max-width: 560px;
  width: 100%
}

/* --- Center the heading & subheading --- */
.wlr-card .wlr-form-title,
.wlr-card .wlr-form-subtitle {
  text-align: center;
}

.wlr-form-title { font-size: 24px !important; line-height: 1.4; }
.wlr-form-subtitle { margin: 0 0 20px; color: #000; }

/* ===== Woo login form overrides (no .woocommerce wrapper present) ===== */

/* Stack rows vertically */
.woocommerce-form-login.login .form-row,
.woocommerce-form-login.login .form-row-first,
.woocommerce-form-login.login .form-row-last {
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin: 0 0 16px !important;
  clear: both !important;
}

/* Labels on top */
.woocommerce-form-login.login .form-row label,
.woocommerce-form-login.login .woocommerce-form__label {
  display: block !important;
  margin: 0 0 8px !important;
  font-weight: 600;
}

/* Inputs: full width, no borders/shadows */
.woocommerce-form-login.login .input-text {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  box-shadow: none !important;
  background: #f5f6f8;
  padding: 12px 14px;
  border-radius: 10px;
}
.woocommerce-form-login.login .input-text:focus {
  outline: 2px solid #3858f6;
  outline-offset: 2px;
}

/* Remember-me alignment */
.woocommerce-form-login.login .woocommerce-form__label-for-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 12px !important;
}

/* Full-width Login button */
.woocommerce-form-login.login .woocommerce-form-login__submit,
.woocommerce-form-login.login .button {
  display: block !important;
  width: 100% !important;
  margin-top: 8px;
  box-shadow: none !important;
}

/* Hide duplicate lost password link if you're rendering a custom one elsewhere */
.wlr-login-links .wlr-row a[href*="lostpassword"] { display: none; }


/* Footer links under the form (if used in your template) */
.wlr-login-links { margin-top: 16px; }
.wlr-row { margin: 6px 0; }
.wlr-link { text-decoration: none; font-weight: 600; }

/* ====== Form look to match mock ====== */

/* Inputs: white bg, subtle border, placeholder styling */
.woocommerce-form-login.login .input-text {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;     /* light gray */
  border-radius: 8px !important;            /* smaller radius */
  padding: 13px 16px !important;
  box-shadow: none !important;
  color: #111827;                            /* near-black text */
}
.woocommerce-form-login.login .input-text::placeholder {
  color: #9ca3af;                            /* muted placeholder */
}
.woocommerce-form-login.login .input-text:focus {
  border-color: #3b82f6 !important;          /* blue focus */
  outline: 0;                                 /* we’re using border focus */
  box-shadow: 0 0 0 3px rgba(59,130,246,.15) !important; /* soft focus ring */
}

/* Labels above fields: subtle weight & spacing */
.woocommerce-form-login.login .form-row label {
  font-weight: 600;                           /* medium-bold like mock */
  color: #111827;
  margin: 0 0 8px !important;
}

/* Checkbox row spacing & casing */
.woocommerce-form-login.login .woocommerce-form__label-for-checkbox {
  margin: 6px 0 18px !important;
}
.woocommerce-form-login.login .woocommerce-form__label-for-checkbox span {
  font-weight: 600;
}

/* Login button: full width, smaller radius, bold label */
.woocommerce-form-login.login .woocommerce-form-login__submit {
  width: 100% !important;
  border-radius: 8px !important;              /* less rounded */
  padding: 12px 16px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

/* Divider before helper links */
.wlr-login-links {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #eef0f2;             /* subtle rule */
}

/* “Don’t have an account? Request access” line */
.wlr-login-links .wlr-row:first-child {
  color: #111827;
}
.wlr-login-links .wlr-row:first-child .wlr-link {
  font-weight: 700;
  text-decoration: underline;
  color: #216FDB;
}
.wlr-login-links .wlr-row:first-child .wlr-link:hover {
  text-decoration: underline;
}

/* “Lost your password?” link */
.wlr-login-links .wlr-row:last-child {
  margin-top: 4px;
}
.wlr-login-links .wlr-row:last-child a {
  color: #216FDB;   
  text-decoration: underline;
  font-weight: 600;
}

/* Ensure Woo's built-in lost_password (if present) doesn't duplicate */
.woocommerce .lost_password { display: none; }

/* Hide the built-in lost password directly under the button */
.woocommerce-form-login.login + .lost_password { display: none !important; }

/* Button color + hover (Woo) */
.woocommerce-form-login.login .woocommerce-form-login__submit {
  background-color: #1877F2 !important;
  border-color: #1877F2 !important;
  color: #fff !important;
  margin-top: 20px;
}
.woocommerce-form-login.login .woocommerce-form-login__submit:hover {
  filter: brightness(0.95);
}

/* ===== Community login: core wp_login_form skin ===== */
.wlr-card #wlr-community-login-form {
  display: grid;
/*   gap: 14px; */
  margin-top: 8px;
}

/* Normalize the default WP <p> wrappers */
/* .wlr-card #wlr-community-login-form p {
  margin: 0;
} */

/* Labels (visible above inputs) */
.wlr-card #wlr-community-login-form label {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #0f172a; /* slate-900-ish */
  margin-bottom: 8px;
}

/* Inputs */
.wlr-card #wlr-community-login-form input[type="text"],
.wlr-card #wlr-community-login-form input[type="password"] {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #a2a3af;        /* gray-200 */
  border-radius: 12px;
  background: #fff;
  font-size: 16px;
/*   line-height: 1.4; */
}

.wlr-card #wlr-community-login-form input[type="text"]:focus,
.wlr-card #wlr-community-login-form input[type="password"]:focus {
  outline: none;
  border-color: #4f46e5;            /* indigo-600 */
  box-shadow: 0 0 0 4px rgba(79,70,229,.12);
}

/* Remember row */
.wlr-card #wlr-community-login-form .login-remember {
  display: flex;
  align-items: center;
/*   gap: 8px; */
/*   margin-top: 2px; */
  font-size: 14px;
  color: #334155;                   /* slate-600 */
}

/* Submit button */
.wlr-card #wlr-community-login-form .login-submit {
  margin-top: 4px;
}

/* BRANDED submit button (core form) */
.wlr-card #wlr-community-login-form #wp-submit,
.wlr-card .wlr-btn-primary {
  display: inline-block;
  width: 100%;
  padding: 11px 16px;
  border-radius: 8px;
  border: 1px solid #1877F2;        /* brand blue border */
  background: #1877F2;              /* brand blue background */
  color: #fff;
  font-weight: 400;
  font-size: 16px;
	font-family:'Inter';
  cursor: pointer;
  transition: transform .02s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

.wlr-card #wlr-community-login-form #wp-submit:hover,
.wlr-card .wlr-btn-primary:hover {
  background: #1468d7;              /* slightly darker hover */
  border-color: #1468d7;
}

.wlr-card #wlr-community-login-form #wp-submit:active,
.wlr-card .wlr-btn-primary:active {
  transform: translateY(1px);
}

/* Link row under the form */
.wlr-login-links {
  margin-top: 16px;
}
.wlr-login-links .wlr-link {
  text-decoration: underline;
  color: #111827;
}
.wlr-login-links .wlr-link:hover {
  text-decoration: none;
}

/* Ensure labels are NOT visually hidden for core form */
.wlr-card #wlr-community-login-form .login-username label,
.wlr-card #wlr-community-login-form .login-password label {
  position: static !important;
  height: auto !important;
  width: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  margin-bottom: 8px !important;
}

/******** === Added CSS ===== ******/
form#wlr-community-login-form {
    margin: 0 !important;
}

form#wlr-community-login-form p {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 0 16px;
    clear: both !important;
}

form#wlr-community-login-form .input {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 13px 16px !important;
    box-shadow: none !important;
    color: #111827;
}

p.login-remember {
    margin-bottom: 0 !important;
}

p.login-submit {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}

p.login-remember label {
    margin-bottom: 0 !important;
}

/* ===== Mobile layout: show the left panel and stack it above the form ===== */
@media (max-width: 980px) {
  .wlr-login-grid {
    grid-template-columns: 1fr; /* single column */
    grid-auto-rows: min-content auto; /* hero then form */
  }

  /* Re-enable the left block on mobile and center its contents */
  .wlr-login-left {
    display: grid !important;
    padding: 30px 20px;
  }
  .wlr-left-inner {
    max-width: 420px;
    margin: 0 auto;
    text-align: center;
  }
  .wlr-brand {
    width: 150px; /* a touch smaller on mobile */
    margin: 0 auto 16px;
    display: block;
  }
  .wlr-title {
    font-size: 22px !important;
    margin: 8px 0 6px;
    line-height: 1.3 !important;
    text-align: center;
  }
  .wlr-subtitle {
    font-size: 15px;
  }

  /* Form side spacing / width */
  .wlr-login-right {
    padding: 40px;
  }
  .wlr-card {
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
  }
}