/* =========================================================================
 * ME Theme - Contact Form 7 スタイル
 * CF7 が生成する入力要素を、元デザインに合わせて整形。
 * ラッパー: .me-form-contact（会社お問い合わせ）/ .me-form-disclaimer（免責事項）
 * ラベルや注記・タグは CF7 本文側に Tailwind クラス付きHTMLで記述（styles.css が適用）。
 * ========================================================================= */

/* CF7 既定の余白をリセット（レイアウトは本文HTMLで制御） */
.me-form .wpcf7-form p { margin: 0; }
.me-form .wpcf7-form-control-wrap { display: block; }

/* ---- contact：アンダーライン式 ---- */
.me-form-contact input[type="text"],
.me-form-contact input[type="email"],
.me-form-contact input[type="tel"],
.me-form-contact textarea,
.me-form-contact select {
	width: 100%;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #d1d5db;
	border-radius: 0;
	color: #000;
	font-size: 16px;
	padding: 12px 0;
	transition: border-color .2s ease;
}
.me-form-contact input:focus,
.me-form-contact textarea:focus,
.me-form-contact select:focus { outline: none; border-bottom-color: #000; }
.me-form-contact textarea { resize: none; }
.me-form-contact ::placeholder { color: #9ca3af; }

/* ---- disclaimer：ボックス式 ---- */
.me-form-disclaimer input[type="text"],
.me-form-disclaimer input[type="email"],
.me-form-disclaimer input[type="tel"],
.me-form-disclaimer textarea {
	width: 100%;
	background: #fff;
	border: 1px solid #d1d5db;
	border-radius: 2px;
	color: #000;
	font-size: 16px;
	padding: 14px 20px;
	transition: border-color .2s ease;
}
.me-form-disclaimer input:focus,
.me-form-disclaimer textarea:focus { outline: none; border-color: #000; }
.me-form-disclaimer ::placeholder { color: #d1d5db; }

/* ---- チェックボックス ---- */
.me-form .wpcf7-checkbox .wpcf7-list-item { display: block; margin: 0 0 12px 0; }
.me-form .wpcf7-checkbox .wpcf7-list-item-label { font-weight: 700; }
.me-form input[type="checkbox"] {
	width: 18px; height: 18px;
	accent-color: #000;
	vertical-align: middle;
	margin-right: 12px;
	cursor: pointer;
}

/* ---- 送信ボタン ---- */
.me-form input[type="submit"],
.me-form .wpcf7-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #000;
	color: #fff;
	border: 1px solid #000;
	padding: 18px 64px;
	font-weight: 700;
	letter-spacing: .12em;
	font-size: 14px;
	cursor: pointer;
	transition: background .3s ease, color .3s ease;
}
.me-form input[type="submit"]:hover { background: #fff; color: #000; }
.me-form .submit-wrap { text-align: center; padding-top: 16px; }

/* ---- CF7 メッセージ / バリデーション ---- */
.me-form .wpcf7-response-output {
	margin: 16px 0 0;
	padding: 12px 16px;
	font-size: 14px;
	border-radius: 2px;
}
.me-form .wpcf7-not-valid-tip { color: #a9373a; font-size: 12px; margin-top: 6px; display: block; }
.me-form .wpcf7-spinner { margin: 0 0 0 12px; }
.me-form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

@media (max-width: 640px) {
	.me-form input[type="submit"], .me-form .wpcf7-submit { width: 100%; padding: 16px 20px; }
}