/**
 * pn-mitsukuru 登録フォーム（register-2）のミツクル・デザイン適用（L-2）。
 *
 * register-2（本文に [wpmem_form register] を含む固定ページ）でのみ enqueue する
 * （PNM_Register_Form::maybe_enqueue_assets。ページID・スラッグはハードコードしない）。
 *
 * ★スコープは WP-Members 登録フォームの出力 ID/クラスに限定する（テーマのヘッダ/フッタに波及させない）。
 *   #wpmem_reg（登録ラッパ）／#wpmem_register_form（form）／.div_text（行）／.buttons（送信）／
 *   .req（必須マーク）／.req-text（必須注記）。これらは WP-Members 3.x で安定（3.5.5.1 タグは GitHub に
 *   無いため、最寄りの読めるタグ 3.4.0 の inc 出力で確認。フックには一切依存しない）。
 * ★色は新しく決めず既存値を流用：緑＝--pnm-primary #7CB342 / --pnm-primary-dark #689A38、
 *   必須バッジ＝--pnm-badge-req #E2724E（assets/css/wizard.css と同値。マイページ「依頼履歴を見る」
 *   ボタンの背景 #7CB342 と一致）。WP-Members 既定の紫は使わない。
 */

/* カード（中央寄せ・最大幅 480px） */
#wpmem_reg {
	max-width: 480px;
	margin: 32px auto;
	padding: 32px 28px;
	background: #ffffff;
	border-radius: 18px;
	box-shadow: 0 10px 34px rgba( 0, 0, 0, 0.08 );
	box-sizing: border-box;
}

/* 見出し（legend）※文言は変更しない・見た目のみ */
#wpmem_reg fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 0;
}
#wpmem_reg legend {
	display: block;
	width: 100%;
	margin: 0 0 18px;
	padding: 0;
	font-size: 20px;
	font-weight: 900;
	color: #333333;
	text-align: left;
}

/* 行・ラベル（入力欄の上・左寄せ）。
   ★トンマナはヒアリングフォーム（wizard.css）を基準に流用する。値は新たに決めない。
     行間＝.pnm-field の margin-bottom:28px（wizard.css:122-124）。
     ラベル＝.pnm-field__label：font-size:15px / font-weight:700 / color:#2B2B2B（--pnm-text） /
     margin-bottom:10px / line-height:1.5（wizard.css:126-133）。 */
#wpmem_reg .div_text {
	margin: 0 0 28px;
}
#wpmem_reg label {
	display: block;
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 700;
	color: #2B2B2B;
	line-height: 1.5;
	text-align: left;
}

/* 入力欄（全幅）。
   ★wizard.css の .pnm-input / .pnm-textarea を流用（wizard.css:214-243）：
     min-height:44px（--pnm-tap） / padding:12px 14px / font-size:15px / line-height:1.6 /
     color:#2B2B2B（--pnm-text） / background:#FFFFFF（--pnm-bg） /
     border:1.5px solid #E5E7EB（--pnm-border） / border-radius:8px（--pnm-radius）。
     フォーカス＝border-color:#7CB342 ＋ box-shadow 0 0 0 3px rgba(124,179,66,0.15)。
     プレースホルダ＝#A9B0BB。 */
#wpmem_reg input[type="text"],
#wpmem_reg input[type="email"],
#wpmem_reg input[type="password"],
#wpmem_reg input[type="tel"],
#wpmem_reg input[type="url"],
#wpmem_reg select,
#wpmem_reg textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	min-height: 44px;
	padding: 12px 14px;
	/* W-17：iOS Safari の自動ズーム対策で 16px を下限にする。 */
	font-size: 16px;
	line-height: 1.6;
	color: #2B2B2B;
	background: #ffffff;
	border: 1.5px solid #E5E7EB;
	border-radius: 8px;
}
#wpmem_reg input[type="text"]:focus,
#wpmem_reg input[type="email"]:focus,
#wpmem_reg input[type="password"]:focus,
#wpmem_reg input[type="tel"]:focus,
#wpmem_reg input[type="url"]:focus,
#wpmem_reg select:focus,
#wpmem_reg textarea:focus {
	border-color: #7CB342;
	box-shadow: 0 0 0 3px rgba( 124, 179, 66, 0.15 );
	outline: none;
}
#wpmem_reg input::placeholder,
#wpmem_reg textarea::placeholder {
	color: #A9B0BB;
}

/* 必須マーク：ヒアリング・診断フォームの必須バッジ（wizard.css の .pnm-badge ＋ .pnm-badge--req）と
   完全に同一のスタイルに揃える。マーク文字「*」→「必須」は WP-Members の wpmem_default_text フィルタで
   変更する（PNM_Register_Form::filter_default_text）。
   ⚠️ 色・サイズは新しく決めず、wizard.css の既存値をそのまま流用：
      display:inline-block / margin-left:6px / padding:2px 7px / border-radius:4px / font-size:11px /
      font-weight:700 / vertical-align:middle / color:#FFFFFF / background:#E2724E（--pnm-badge-req）。
   ⚠️ WP-Members 既定の色が当たるため、色系のみ !important で上書き（#wpmem_reg 配下限定）。 */
#wpmem_reg .req {
	display: inline-block;
	margin-left: 6px;
	padding: 2px 7px;
	font-size: 11px;
	font-weight: 700;
	color: #ffffff !important;
	background: #E2724E !important;
	border-radius: 4px;
	vertical-align: middle;
}
/* 送信ボタン下の「必須項目」凡例（WP-Members 出力の .req-text）は不要なので非表示にする。
   ⚠️ 他ページに影響させないため #wpmem_reg 配下に限定する。 */
#wpmem_reg .req-text {
	display: none;
}

/* 送信ボタン（全幅・角丸・緑）。トンマナはヒアリングの .pnm-btn / .pnm-btn--primary を流用
   （wizard.css:447-465）：min-height:44px（--pnm-tap） / padding:12px 24px / font-size:15px /
   font-weight:700 / border-radius:9999px / color:#FFFFFF / background:#7CB342（--pnm-primary） /
   hover:#689A38（--pnm-primary-dark）。全幅表示は登録カードの意匠として維持する。
   ⚠️ WP-Members 既定（紫）が高い詳細度／!important で当たるため、`.button_div` を挟んで詳細度を上げ、
      色系のみ !important で確実に上書きする（乱用しない）。実マークアップ＝
      #wpmem_reg > form#wpmem_register_form > div.button_div > input.buttons[type=submit]。 */
#wpmem_reg .button_div {
	margin-top: 8px;
	text-align: center;
}
#wpmem_reg .button_div input[type="submit"],
#wpmem_reg .button_div input.buttons,
#wpmem_reg input[type="submit"].buttons {
	display: block;
	width: 100%;
	box-sizing: border-box;
	min-height: 44px;
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 700;
	color: #ffffff !important;
	background: #7CB342 !important;
	border: none !important;
	border-radius: 9999px;
	box-shadow: 0 8px 20px rgba( 124, 179, 66, 0.30 );
	cursor: pointer;
	text-shadow: none;
}
#wpmem_reg .button_div input[type="submit"]:hover,
#wpmem_reg .button_div input[type="submit"]:focus,
#wpmem_reg .button_div input.buttons:hover,
#wpmem_reg .button_div input.buttons:focus,
#wpmem_reg input[type="submit"].buttons:hover,
#wpmem_reg input[type="submit"].buttons:focus {
	background: #689A38 !important;
	color: #ffffff !important;
}

/* WP-Members メッセージ（登録完了・エラー等）を、登録カード（#wpmem_reg）と同じトンマナの
   白カードに揃える（W-18）。色は wizard.css の既存パレット値のみ流用（新しい色は決めない）：
   白 #FFFFFF（--pnm-bg）／枠 #E5E7EB（--pnm-border）／左アクセント #7CB342（--pnm-primary）／
   本文 #2B2B2B（--pnm-text）。角丸・影は #wpmem_reg（18px / 0 10px 34px）に一致させる。 */
.wpmem_msg {
	max-width: 480px;
	margin: 32px auto;
	padding: 26px 28px;
	background: #ffffff;
	border: 1px solid #E5E7EB;
	border-left: 4px solid #7CB342;
	border-radius: 18px;
	box-shadow: 0 10px 34px rgba( 0, 0, 0, 0.08 );
	color: #2B2B2B;
	font-size: 15px;
	line-height: 1.9;
}

/* スマホ幅（screen 限定・既存 800px メディアクエリとは無関係の新規） */
@media screen and ( max-width: 520px ) {
	#wpmem_reg {
		margin: 16px 12px;
		padding: 24px 18px;
	}
	.wpmem_msg {
		margin: 16px 12px;
	}
}