/* ═══════════════════════════════════════════════════
   SVASOTTAMA — login.css
   Styles the MemberPress login page at /login/
   Preserves Google Sign-In button exactly as-is.
   Only overrides visual presentation.
═══════════════════════════════════════════════════ */

/* Page background */
body.sv-login-page,
body.mepr-login-page {
  background: var(--sv-cream) !important;
}

/* Main content wrapper — centre the form */
body.sv-login-page #sv-page-wrap,
body.mepr-login-page .site-content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: calc(100vh - 108px) !important;
  padding: 40px 20px !important;
}

/* The MemberPress login container */
.mepr-login-form,
#mepr_login_form,
.mp-form-row.mepr-login-form,
body.sv-login-page .entry-content,
body.sv-login-page #content {
  background: var(--sv-cream) !important;
  max-width: 420px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 48px 40px !important;
  border: 1px solid rgba(196,123,42,0.22) !important;
  border-radius: 1px !important;
}

/* Sacred mark above form */
body.sv-login-page .entry-content::before {
  content: '';
  display: block;
  width: 52px; height: 52px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='28' stroke='rgba(196,123,42,0.4)' stroke-width='0.5'/%3E%3Ccircle cx='30' cy='30' r='20' stroke='rgba(196,123,42,0.3)' stroke-width='0.5'/%3E%3Ccircle cx='30' cy='30' r='12' stroke='rgba(196,123,42,0.35)' stroke-width='0.5'/%3E%3Ccircle cx='30' cy='30' r='3' fill='rgba(196,123,42,0.6)'/%3E%3Cline x1='30' y1='2' x2='30' y2='58' stroke='rgba(196,123,42,0.12)' stroke-width='0.5'/%3E%3Cline x1='2' y1='30' x2='58' y2='30' stroke='rgba(196,123,42,0.12)' stroke-width='0.5'/%3E%3C/svg%3E") center/contain no-repeat;
  margin: 0 auto 18px;
}

/* Page title */
body.sv-login-page h1.entry-title,
body.sv-login-page .mepr-login-h1,
#mepr_login_form h1,
#mepr_login_form h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 28px !important; font-weight: 300 !important;
  color: var(--sv-ink) !important; text-align: center !important;
  margin-bottom: 6px !important; letter-spacing: 0.02em !important;
}

/* Sub tagline */
body.sv-login-page .mepr-login-subtitle,
#mepr_login_form p.mepr-login-subtitle {
  font-size: 11px !important; color: rgba(26,18,8,0.42) !important;
  text-align: center !important; letter-spacing: 0.04em !important;
  margin-bottom: 24px !important;
}

/* ── Google Sign-In Button ──
   Styled to match the site but keeps full MemberPress functionality.
   Do NOT change the href or data attributes.
*/
.mepr-social-login-btn,
.mepr-social-login-google,
a[href*="memberpress-social-login-request=google"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 12px 16px !important;
  background: white !important;
  color: rgba(26,18,8,0.75) !important;
  border: 1px solid rgba(26,18,8,0.15) !important;
  border-radius: 1px !important;
  font-family: 'Tenor Sans', sans-serif !important;
  font-size: 12px !important; letter-spacing: 0.05em !important;
  cursor: pointer !important; transition: all 0.2s !important;
  text-decoration: none !important;
  margin-bottom: 20px !important;
}
a[href*="memberpress-social-login-request=google"]:hover {
  border-color: rgba(26,18,8,0.3) !important;
  background: rgba(26,18,8,0.02) !important;
  color: var(--sv-ink) !important;
}

/* OR divider */
.mepr-social-login-or,
.mepr-login-or {
  display: flex !important; align-items: center !important; gap: 12px !important;
  margin: 0 0 20px !important; font-size: 9.5px !important;
  color: rgba(26,18,8,0.28) !important; letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}
.mepr-social-login-or::before,
.mepr-social-login-or::after,
.mepr-login-or::before,
.mepr-login-or::after {
  content: '' !important; flex: 1 !important; height: 1px !important;
  background: rgba(196,123,42,0.15) !important;
}

/* Form labels */
.mepr-login-form label,
#mepr_login_form label,
.mp-form-label label {
  font-family: 'Tenor Sans', sans-serif !important;
  font-size: 9px !important; letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: rgba(26,18,8,0.42) !important;
  display: block !important; margin-bottom: 6px !important;
}

/* Form inputs */
.mepr-login-form input[type="text"],
.mepr-login-form input[type="email"],
.mepr-login-form input[type="password"],
#mepr_login_form input[type="text"],
#mepr_login_form input[type="email"],
#mepr_login_form input[type="password"],
#user_login, #user_pass {
  background: rgba(196,123,42,0.04) !important;
  border: 1px solid rgba(196,123,42,0.2) !important;
  border-radius: 1px !important;
  padding: 11px 14px !important;
  font-family: 'Tenor Sans', sans-serif !important;
  font-size: 13px !important;
  color: var(--sv-ink) !important;
  outline: none !important; width: 100% !important;
  transition: border-color 0.2s !important;
  box-shadow: none !important;
  margin-bottom: 14px !important;
}
.mepr-login-form input:focus,
#mepr_login_form input:focus,
#user_login:focus, #user_pass:focus {
  border-color: var(--sv-ochre) !important;
}

/* Submit button */
.mepr-login-form input[type="submit"],
.mepr-login-form button[type="submit"],
#mepr_login_form input[type="submit"],
#wp-submit {
  background: var(--sv-ochre) !important;
  color: var(--sv-ink) !important;
  padding: 13px 20px !important;
  border-radius: 1px !important;
  border: 1px solid var(--sv-ochre) !important;
  font-family: 'Tenor Sans', sans-serif !important;
  font-size: 10.5px !important;
  letter-spacing: 0.15em !important; text-transform: uppercase !important;
  cursor: pointer !important; transition: all 0.2s !important;
  width: 100% !important; margin-top: 4px !important;
  box-shadow: none !important;
}
.mepr-login-form input[type="submit"]:hover,
#wp-submit:hover {
  background: var(--sv-ochre-lt) !important;
  border-color: var(--sv-ochre-lt) !important;
}

/* Remember me + forgot password row */
.mepr-login-remember-me,
.forgetmenot {
  display: flex !important; align-items: center !important;
  gap: 8px !important; margin-bottom: 14px !important;
  font-size: 11px !important; color: rgba(26,18,8,0.45) !important;
}
.mepr-login-forgot-password,
.mepr-forgot-password a,
#nav a {
  display: block !important; text-align: center !important;
  margin-top: 14px !important; font-size: 11px !important;
  color: var(--sv-ochre) !important;
}

/* Error messages */
.mepr-login-error,
.login-error,
#login_error {
  background: rgba(139,58,42,0.06) !important;
  border: 1px solid rgba(139,58,42,0.2) !important;
  color: var(--sv-terra) !important;
  font-size: 12px !important;
  padding: 10px 14px !important; border-radius: 1px !important;
  margin-bottom: 14px !important;
}

/* Register / join link */
.mepr-login-join,
.mepr-signup-link {
  text-align: center !important; font-size: 12px !important;
  color: rgba(26,18,8,0.38) !important; margin-top: 18px !important;
}
.mepr-login-join a,
.mepr-signup-link a { color: var(--sv-ochre) !important; }