/* RonVue — 登录页样式（Rapha 极简风格 + RONVUE 深蓝品牌色） */
/* 覆盖 my-account.php + WooCommerce 表单 */

/* === 页面容器 === */
.ronvue-page.woocommerce-account main {
  background: #ffffff !important;
  min-height: 100vh;
  padding-top: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ronvue-page.woocommerce-account main > div {
  max-width: 400px !important;
  width: 100%;
  padding: 2rem 1.5rem !important;
}

/* === 导航栏：登录页保持简洁 === */
.ronvue-page.woocommerce-account .ronvue-nav {
  background: #ffffff;
  border-bottom: 1px solid #e5e5e5;
}

/* === 隐藏货币选择器和浮层 CTA === */
.ronvue-page.woocommerce-account .wmc-sidebar,
.ronvue-page.woocommerce-account .mobile-float-cta {
  display: none !important;
}

/* === 页面标题 === */
.ronvue-page.woocommerce-account .woocommerce h2 {
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: #0e1e3a;
  margin-bottom: 2rem;
  letter-spacing: -0.01em;
}

/* === 表单标签 === */
.ronvue-page.woocommerce-account .woocommerce-form-login label {
  font-size: 0.85rem;
  font-weight: 500;
  color: #0e1e3a;
  margin-bottom: 0.4rem;
  display: block;
}
.ronvue-page.woocommerce-account .woocommerce-form-login .required {
  color: #0e1e3a;
}

/* === 输入框 === */
.ronvue-page.woocommerce-account .woocommerce-form-login input[type="text"],
.ronvue-page.woocommerce-account .woocommerce-form-login input[type="email"],
.ronvue-page.woocommerce-account .woocommerce-form-login input[type="password"] {
  width: 100%;
  padding: 0.85rem 1rem;
  border: 1.5px solid #0e1e3a;
  border-radius: 0;
  font-size: 0.95rem;
  color: #0e1e3a;
  background: #ffffff;
  box-shadow: none;
  outline: none;
  transition: border-color 0.15s;
  height: auto;
  line-height: 1.4;
}
.ronvue-page.woocommerce-account .woocommerce-form-login input:focus {
  border-color: #0e1e3a;
  box-shadow: none;
  outline: none;
}

/* === 密码框眼睛按钮 === */
.ronvue-page.woocommerce-account .woocommerce-form-login .show-password-input {
  color: #0e1e3a;
}
.ronvue-page.woocommerce-account .woocommerce-form-login .show-password-input::after {
  color: #0e1e3a !important;
}

/* === 记住我 === */
.ronvue-page.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #0e1e3a;
  margin-top: 0.5rem;
}

/* === 登录按钮 === */
.ronvue-page.woocommerce-account .woocommerce-form-login .woocommerce-button {
  width: 100%;
  padding: 0.9rem 1rem;
  background: #0e1e3a;
  color: #ffffff;
  border: none;
  border-radius: 0;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  text-transform: none;
  letter-spacing: 0.02em;
  margin-top: 1.2rem;
  transition: background 0.2s;
  box-shadow: none;
}
.ronvue-page.woocommerce-account .woocommerce-form-login .woocommerce-button:hover {
  background: #15244a;
}

/* === 忘记密码链接 === */
.ronvue-page.woocommerce-account .woocommerce-LostPassword {
  text-align: center;
  margin-top: 1.2rem;
}
.ronvue-page.woocommerce-account .woocommerce-LostPassword a {
  color: #0e1e3a;
  font-size: 0.85rem;
  text-decoration: underline;
}

/* === 消息提示 === */
.ronvue-page.woocommerce-account .woocommerce-notices-wrapper {
  margin-bottom: 1.5rem;
}
.ronvue-page.woocommerce-account .woocommerce-error,
.ronvue-page.woocommerce-account .woocommerce-message,
.ronvue-page.woocommerce-account .woocommerce-info {
  background: #ffffff;
  border: 1.5px solid #0e1e3a;
  border-radius: 0;
  padding: 1rem;
  font-size: 0.85rem;
  color: #0e1e3a;
  margin-bottom: 1rem;
}

/* === 已登录状态保持全宽 === */
.ronvue-page.woocommerce-account.woocommerce-js main {
  padding-top: 120px !important;
}
.ronvue-page.woocommerce-account.woocommerce-js main > div {
  max-width: 900px !important;
}

/* === 手机适配 === */
@media (max-width: 600px) {
  .ronvue-page.woocommerce-account main > div {
    padding: 1.5rem 1rem !important;
  }
}

/* ============================================
   注册表单 — 样式与登录页保持一致
   ============================================ */

/* 标签 */
.ronvue-page.woocommerce-account .woocommerce-form-register label {
  font-size: 0.85rem;
  font-weight: 500;
  color: #0e1e3a;
  margin-bottom: 0.4rem;
  display: block;
}
.ronvue-page.woocommerce-account .woocommerce-form-register .required {
  color: #0e1e3a;
}

/* 输入框 */
.ronvue-page.woocommerce-account .woocommerce-form-register input[type="text"],
.ronvue-page.woocommerce-account .woocommerce-form-register input[type="email"],
.ronvue-page.woocommerce-account .woocommerce-form-register input[type="password"] {
  width: 100%;
  padding: 0.85rem 1rem;
  border: 1.5px solid #0e1e3a;
  border-radius: 0;
  font-size: 0.95rem;
  color: #0e1e3a;
  background: #ffffff;
  box-shadow: none;
  outline: none;
  transition: border-color 0.15s;
  height: auto;
  line-height: 1.4;
}
.ronvue-page.woocommerce-account .woocommerce-form-register input:focus {
  border-color: #0e1e3a;
  box-shadow: none;
  outline: none;
}

/* 注册按钮 */
.ronvue-page.woocommerce-account .woocommerce-form-register .woocommerce-button {
  width: 100%;
  padding: 0.9rem 1rem;
  background: #0e1e3a;
  color: #ffffff;
  border: none;
  border-radius: 0;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  text-transform: none;
  letter-spacing: 0.02em;
  margin-top: 1.2rem;
  transition: background 0.2s;
  box-shadow: none;
}
.ronvue-page.woocommerce-account .woocommerce-form-register .woocommerce-button:hover {
  background: #15244a;
}

/* 注册表单整体 */
.ronvue-page.woocommerce-account .woocommerce-form-register {
  border: none !important;
  padding: 0 !important;
}

/* 隐私政策文本 */
.ronvue-page.woocommerce-account .woocommerce-form-register .woocommerce-privacy-policy-text {
  font-size: 0.8rem;
  color: #6b7590;
  margin-top: 1rem;
  text-align: center;
}
.ronvue-page.woocommerce-account .woocommerce-form-register .woocommerce-privacy-policy-text a {
  color: #0e1e3a;
  text-decoration: underline;
}
/* ═══ 登录/注册页 CSS v3 ═══ */
body { background: #080C16; min-height: 100vh; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; }

/* 隐藏 WooCommerce 默认元素 */
.woocommerce h2,
.woocommerce-form-login > a[href*="home"],
.woocommerce-form-login > svg,
.woocommerce-form-login__rememberme,
.woocommerce-form-login__rememberme * { display: none !important; }

/* 表单容器 — 登录和注册共用 */
.woocommerce-form-login,
.woocommerce-form-register {
  border: none !important; padding: 0 !important;
  display: flex !important; flex-direction: column; align-items: center;
}
.woocommerce-form-login > *,
.woocommerce-form-register > * { width: 360px !important; max-width: 90vw; }
body.woocommerce-account .woocommerce,
.woocommerce .woocommerce-form-login,
.woocommerce .woocommerce-form-register { background: transparent !important; }

/* 提示文字 */
.woocommerce-form-login::before {
  content: none !important;
}
.woocommerce-form-register::before {
  content: '注册RonVue账号';
  display: block; text-align: left; color: #000;
  font-size: 14px; font-weight: 400; margin-bottom: 12px;
  width: 360px !important; max-width: 90vw;
}

/* 隐藏所有 label */
.woocommerce label { display: none !important; }

/* 输入框 */
.woocommerce .woocommerce-Input {
  width: 100% !important; margin: 0 !important; display: block !important;
  border-radius: 0 !important;
  border: 1px solid #000 !important;
  color: #000 !important; background: #fff !important;
  padding: 14px 36px 12px 12px !important; height: auto !important;
}
.woocommerce .woocommerce-Input:focus { border-width: 2px !important; outline: none !important; }
.woocommerce .woocommerce-Input::placeholder { color: #999; }
.woocommerce .woocommerce-Input:focus::placeholder { color: transparent; }

/* 表单行 */
.woocommerce-form-row { position: relative; text-align: center; padding-top: 8px; }

/* outlined label 效果 */
.woocommerce-form-row label {
  display: block !important; position: absolute;
  top: -6px; left: 8px; z-index: 1;
  font-size: 12px !important; color: #999 !important; font-weight: 400 !important;
  padding: 0 4px; line-height: 1;
  opacity: 0; transform: translateY(8px); pointer-events: none;
  background: transparent; transition: all 0.2s;
}
.woocommerce-form-row:focus-within label {
  opacity: 1; transform: translateY(0);
  color: #000 !important; background: #fff;
}
.woocommerce-form-row:focus-within .woocommerce-Input::placeholder { color: transparent; }
.woocommerce-form-row .required { display: inline !important; }

/* 眼睛图标 */
.woocommerce-form-row .show-password-input {
  position: absolute !important; right: 8px !important;
  top: calc(50% + 4px) !important; transform: translateY(-50%) !important;
  background: transparent !important; border: none !important;
  box-shadow: none !important; cursor: pointer; padding: 0;
  color: #999; font-size: 14px; line-height: 1; width: auto; height: auto;
}
.woocommerce-form-row .show-password-input::after {
  content: '' !important;
  display: inline-block !important;
  width: 18px; height: 18px;
  background: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E");
  mask-size: contain; -webkit-mask-size: contain;
  margin: 0 !important; font-size: 0;
}

/* 按钮 — 登录和注册共用 */
.woocommerce-account .woocommerce-button { width: 100% !important; border-radius: 0 !important; display: block !important; background: #080C16 !important; color: #fff !important; border: none !important; }
/* Google 登录按钮 */
#rv-google-btn:hover { background: #f5f5f5 !important; border-color: #ccc !important; }
#rv-google-btn:active { background: #eee !important; }
.woocommerce .woocommerce-LostPassword { text-align: left !important; margin: 0 !important; padding: 0 !important; }
.woocommerce .woocommerce-LostPassword a { color: #000 !important; }
.woocommerce-form-login .form-row:last-of-type { margin: 0 !important; padding: 0 !important; }
.woocommerce-form-register .form-row:last-of-type { margin: 0 !important; padding: 0 !important; }

/* 注册页额外元素 */
.woocommerce-form-register > p:not(.form-row) {
  width: 360px !important; max-width: 90vw;
  font-size: 12px; color: #999; text-align: left; margin: 6px 0;
}
/* 隐藏隐私政策文案 */
.woocommerce-privacy-policy-text { display: none !important; }

/* 隐藏 WC 默认密码强度条 */
.woocommerce-password-strength,
.woocommerce-password-hint { display: none !important; }

/* 自定义密码校验提示 */
.rv-pwd-checklist {
  width: 360px !important; max-width: 90vw;
  font-size: 12px; margin: 8px 0 0; padding: 0;
  list-style: none; line-height: 1.8;
}
.rv-pwd-checklist li { color: #999; }
.rv-pwd-checklist li.pass { color: #4ade80; }
.rv-pwd-checklist li.fail { color: #dc2626; }

/* 忘记密码页面 */
.woocommerce-ResetPassword {
  border: none !important; padding: 0 !important;
  display: flex !important; flex-direction: column; align-items: center;
}
.woocommerce-ResetPassword > * { width: 360px !important; max-width: 90vw; }

/* 忘记密码 · 标题 */
.woocommerce-ResetPassword::before {
  content: '忘记密码？';
  display: block; text-align: left; color: #000;
  font-size: 14px; font-weight: 400; margin-bottom: 12px;
  width: 360px !important; max-width: 90vw;
}

/* 忘记密码 · 说明文字 */
.woocommerce-ResetPassword > p:first-of-type {
  font-size: 14px; color: #999; text-align: left;
  margin: 0 0 20px;
  width: 360px !important; max-width: 90vw;
}

/* 隐藏 clear div */
.woocommerce-ResetPassword .clear { display: none !important; }

/* 忘记密码 · 按钮 */
.woocommerce-ResetPassword button[type="submit"] {
  width: 100% !important; border-radius: 0 !important;
  display: block !important;
  background: #080C16 !important; color: #fff !important;
  border: none !important;
  padding: 12px !important; font-size: 14px !important;
}

/* 忘记密码 · 返回登录链接 */
.woocommerce-ResetPassword .lost-pw-back-link {
  text-align: left; margin-top: 16px;
  font-size: 14px; color: #000;
  width: 360px !important; max-width: 90vw;
}
.woocommerce-ResetPassword .lost-pw-back-link a {
  color: #000 !important; text-decoration: underline;
}

/* ═══ 登录失败 · 红色错误态 ═══ */
.login-error .woocommerce-Input {
  border-color: #dc2626 !important; color: #dc2626 !important;
}
.login-error .woocommerce-Input::placeholder { color: #dc2626; }
.login-error .woocommerce-form-row label { color: #dc2626 !important; }
.login-error .woocommerce-form-row label .required { color: #dc2626 !important; }
.login-error .woocommerce-form-row:focus-within label { color: #dc2626 !important; }
.login-error .woocommerce-form-row:focus-within label .required { color: #dc2626 !important; }
.login-error-message {
  display: none;
  width: 360px !important; max-width: 90vw;
  color: #dc2626; font-size: 13px;
  text-align: left; margin: 10px 0 4px;
}
.login-error .login-error-message { display: block; }