/* FILE: assets/css/contact-recaptcha.css
   お問い合わせフォーム（/contact/ と /en/contact/）の reCAPTCHA まわり専用。第34弾で新設。
   page-contact.css の後に読み込む。

   ※ page-contact.css に入れず別ファイルにしたのは、作業時に page-contact.css の
     最新版の現物が手元になかったため（上書きによる事故を避けるため）。
     第33弾の page-news-article.css と同じ考え方です。
*/

/* reCAPTCHA の標準バッジ（画面右下）を隠す。
   モバイルで画面下部に固定しているお問い合わせボタンと重なるため。
   代わりに送信ボタンの下に .contact-recaptcha-note を表示している（Googleが認める方法）。
   ※ display: none にすると reCAPTCHA が正しく動かないため、必ず visibility で隠すこと */
.grecaptcha-badge {
  visibility: hidden;
}

/* 送信ボタン下の注記 */
.contact-recaptcha-note {
  margin-top: 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.7;
  color: var(--color-ink-sub, #4A4A4A);
}

/* reCAPTCHA が読み込めなかったときの案内（通常は hidden で非表示） */
.contact-recaptcha-error {
  margin: 0 0 1rem;
  padding: 0.75rem 1rem;
  border-left: 3px solid #B3261E;
  background: #FBE9E7;
  color: var(--color-ink, #1A1A1A);
  font-size: 0.875rem;
  line-height: 1.7;
}

/* JavaScript が無効なときの案内 */
.contact-noscript {
  margin: 0 0 1.5rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-line, #D0D0D0);
  background: var(--color-surface, #FFFFFF);
  font-size: 0.875rem;
  line-height: 1.7;
}