/**
 * 施設予約フォーム(WPForms ID:6569)専用スタイル
 * -------------------------------------------------------------------
 * 背景が濃紺・本文が明色のページのため、WPForms 既定の黒系ラベル/
 * 確認テーブルが背景と同化して読めない問題を解消する。
 * 入力ページ・確認ページ(Entry Preview)の 2 ステップ共通で適用。
 * お問い合わせ用(reservation-form.css)と同じ配色方針＋セレクト/日付/
 * セクション見出し(content フィールド)向けの追加指定を含む。
 *
 * 実装方針(WPForms 公式ドキュメント準拠):
 *  - フォーム単位にスコープするため全セレクタを #wpforms-6569 で限定
 *  - モダンマークアップは CSS カスタムプロパティで制御されるため、
 *    まず変数を上書きし、併せて実セレクタでも明示指定(二重の保険)
 */

/* === モダンフォームの CSS 変数を上書き === */
#wpforms-6569.wpforms-container-full {
	--wpforms-label-color: #fff5e6;
	--wpforms-label-sublabel-color: #e6d8c4;
	--wpforms-label-error-color: #ff9b9b;
	--wpforms-field-text-color: #1a1a1a;
	--wpforms-field-background-color: #ffffff;
	--wpforms-field-border-color: #cfa15a;
	--wpforms-button-background-color: #e65e00;
	--wpforms-button-text-color: #ffffff;
}

/* === ラベル・必須マーク・サブラベル・説明文 === */
#wpforms-6569 .wpforms-field-label,
#wpforms-6569 .wpforms-field-label-inline {
	color: #fff5e6;
}
#wpforms-6569 .wpforms-required-label {
	color: #ff9b9b;
}
#wpforms-6569 .wpforms-field-sublabel,
#wpforms-6569 .wpforms-field-description,
#wpforms-6569 .wpforms-field-description-after {
	color: #e6d8c4;
}

/* === セクション見出し(Content フィールド：rakuen-section-heading) === */
#wpforms-6569 .wpforms-field-content {
	border: 0;
	padding-top: 8px;
}
#wpforms-6569 .rakuen-section-heading h1,
#wpforms-6569 .rakuen-section-heading h2,
#wpforms-6569 .rakuen-section-heading h3 {
	color: #ffd9a8;
	font-size: 1.15em;
	margin: 0 0 .4em;
	padding-bottom: .3em;
	border-bottom: 2px solid rgba(230, 94, 0, .65);
}
#wpforms-6569 .rakuen-section-heading p {
	color: #e6d8c4;
	margin: .25em 0 0;
}
#wpforms-6569 .rakuen-section-heading strong {
	color: #fff5e6;
}

/* === 入力欄・セレクト・日付:白背景・濃色文字で可読性を確保 === */
#wpforms-6569 .wpforms-field input[type="text"],
#wpforms-6569 .wpforms-field input[type="email"],
#wpforms-6569 .wpforms-field input[type="tel"],
#wpforms-6569 .wpforms-field input[type="number"],
#wpforms-6569 .wpforms-field textarea,
#wpforms-6569 .wpforms-field select {
	background-color: #ffffff;
	color: #1a1a1a;
}
#wpforms-6569 .wpforms-field input::placeholder,
#wpforms-6569 .wpforms-field textarea::placeholder {
	color: #9aa0a6;
	opacity: 1;
}
/* 日付ピッカー(flatpickr)入力欄も白背景に */
#wpforms-6569 .wpforms-field-date-time input.wpforms-field-date-time-date {
	background-color: #ffffff;
	color: #1a1a1a;
}

/* === ステップ表示(進行インジケーターは none 設定だが念のため明色に) === */
#wpforms-6569 .wpforms-page-indicator,
#wpforms-6569 .wpforms-page-indicator-page-title,
#wpforms-6569 .wpforms-page-indicator-page-title-sep,
#wpforms-6569 .wpforms-page-indicator-steps {
	color: #fff5e6;
}
#wpforms-6569 .wpforms-page-indicator-page-progress-wrap {
	background-color: rgba(255, 255, 255, 0.25);
}
#wpforms-6569 .wpforms-page-indicator-page-progress {
	background-color: #e65e00 !important;
}

/* === ページ送り/送信ボタン(サイトのアクセントカラーに統一) === */
#wpforms-6569 .wpforms-page-button,
#wpforms-6569 button.wpforms-submit {
	background-color: #e65e00 !important;
	border-color: #e65e00 !important;
	color: #ffffff !important;
}
#wpforms-6569 .wpforms-page-button:hover,
#wpforms-6569 button.wpforms-submit:hover {
	background-color: #c95100 !important;
	border-color: #c95100 !important;
}

/* === 確認ページ(Entry Preview):テーブル形式を白背景で見やすく === */
#wpforms-6569 .wpforms-entry-preview-notice {
	color: #6b4e00;
	margin-bottom: 16px;
}
#wpforms-6569 .wpforms-entry-preview-notice strong {
	color: #4a3600;
}
#wpforms-6569 .wpforms-entry-preview-table {
	background-color: #ffffff;
	border: 1px solid #cfa15a;
	border-radius: 4px;
	overflow: hidden;
}
#wpforms-6569 .wpforms-entry-preview-table > div:not(:empty) {
	border-color: #e3d6c2 !important;
}
#wpforms-6569 .wpforms-entry-preview-table > div:last-of-type {
	border-bottom-color: #e3d6c2 !important;
}
#wpforms-6569 .wpforms-entry-preview-label {
	color: #333333;
	font-weight: 700;
	background-color: #f7f1e7;
}
#wpforms-6569 .wpforms-entry-preview-value {
	color: #1a1a1a;
}