/*
Theme Name: Pamplonica VINO
Theme URI: https://pamplonica-vino.com/
Author: NT Web Design
Description: Pamplonica VINO 公式サイト用オリジナルテーマ。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: pamplonica-vino
*/

/* メインのスタイルは assets/css/main.css。
   ここには WordPress 化にともなって追加した分だけを書く。 */

/* 固定ページ（プライバシーポリシー等） */
.page-main {
  padding: 120px 0 80px;
  background: #fdfaf5;
}

.page-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 24px;
}

.page-content .page-title {
  font-size: 1.6rem;
  color: var(--wine);
  margin-bottom: 32px;
}

.page-content h2 {
  font-size: 1.15rem;
  color: var(--wine);
  margin: 32px 0 8px;
}

.page-content ul {
  margin: 8px 0 8px 1.25em;
  list-style: disc;
}

.page-content p,
.page-content li {
  line-height: 1.9;
}

/* WordPress 標準クラス */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.8rem; color: #777; }

/* -------------------------------------------------------------------------
 * Contact Form 7
 * ---------------------------------------------------------------------- */

/* CF7 が各項目に付ける wrapper は、レイアウトに影響させない */
.wpcf7-form .wpcf7-form-control-wrap {
  display: block;
}

/* 同意チェックボックス（acceptance タグ）は幅 100% の入力欄スタイルを打ち消す */
.wpcf7-form .privacy-agree .wpcf7-form-control-wrap {
  display: inline-block;
}

.wpcf7-form .privacy-agree .wpcf7-acceptance {
  width: auto;
  padding: 0;
  border: none;
  background: none;
}

.wpcf7-form .privacy-agree .wpcf7-list-item {
  margin: 0;
}

.wpcf7-form .privacy-agree .wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0;
  cursor: pointer;
}

.wpcf7-form .privacy-agree .wpcf7-list-item-label {
  font-weight: 700;
}

/* 送信ボタンは input[type="submit"] で出力される */
.wpcf7-form input.btn-submit {
  width: 100%;
}

/* 入力エラーの表示 */
.wpcf7-not-valid-tip {
  display: block;
  margin-top: 4px;
  font-size: 0.75rem;
  color: #b3261e;
}

.wpcf7-form-control.wpcf7-not-valid {
  border-color: #b3261e;
}

/* 送信結果メッセージ */
.wpcf7-response-output {
  margin: 16px 0 0;
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 0.85rem;
  line-height: 1.7;
  border: 1px solid #d8cbb8;
  background: #fff;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #3f7d4e;
  color: #2f5f3b;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
  border-color: #b3261e;
  color: #b3261e;
}

/* 送信中のスピナー位置 */
.wpcf7-spinner {
  display: block;
  margin: 12px auto 0;
}

/* フォーム未設定時の案内 */
.contact-form-missing {
  max-width: 560px;
  margin: 0 auto;
  padding: 24px;
  background: rgba(247, 241, 232, 0.97);
  border-radius: 8px;
  color: var(--text);
}

/* Cloudflare Turnstile
   ウィジェットは <div> なので <p> で囲まない（<p> 内に <div> を置くと
   ブラウザが <p> を強制的に閉じ、フォームのレイアウトが崩れる）。 */
.wpcf7-form .turnstile-box {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}