/* ─────────────────────────────────────────
   全ログイン画面 共通ロゴ画像差し替え
───────────────────────────────────────── */
body.login #login h1 a,
body.login #login h1.wp-login-logo a {
  background-image: url("https://otonaevent.com/wp-content/uploads/2024/10/名称未設定のデザイン__99_-removebg-preview.png") !important;
  width: 200px !important;
  height: 60px !important;
  margin: 0 auto 30px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  display: block !important;
  text-indent: -9999px !important;
}

/* ──────────
   lostpassword ページ全体の背景
────────── */
body.login.login-action-lostpassword {
  background: #f2f6fa;
}

/* ──────────
   lostpassword フォームコンテナ
────────── */
body.login.login-action-lostpassword #login {
  width: 400px;
  margin: 5% auto 0;
  padding: 40px 30px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  box-sizing: border-box;
}

/* ──────────
   ラベル／入力欄のスタイル
────────── */
body.login.login-action-lostpassword .login form p label {
  display: block;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
  font-size: 14px;
}
body.login.login-action-lostpassword .login form input[type="text"],
body.login.login-action-lostpassword .login form input[type="email"] {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
}

/* ──────────
   reCAPTCHA の調整
────────── */
body.login.login-action-lostpassword .g-recaptcha {
  transform: scale(0.9);
  transform-origin: 0 0;
  margin-bottom: 20px;
}

/* ──────────
   パスワード取得ボタン
────────── */
body.login.login-action-lostpassword .login .button.button-primary {
  width: 100%;
  padding: 14px;
  background-color: #0073aa;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-shadow: none;
  box-shadow: none;
  margin-bottom: 20px;
  cursor: pointer;
}
body.login.login-action-lostpassword .login .button.button-primary:hover {
  background-color: #006799;
}

/* ──────────
   メッセージ／エラースタイル
────────── */
body.login.login-action-lostpassword .login .message {
  background: #e6f4ea;
  border-left: 4px solid #34a853;
  padding: 12px;
  margin-bottom: 16px;
  color: #202124;
  border-radius: 4px;
}
body.login.login-action-lostpassword .login .error {
  background: #fdecea;
  border-left: 4px solid #d93025;
  padding: 12px;
  margin-bottom: 16px;
  color: #202124;
  border-radius: 4px;
}