/* 即納ハダタイ（作り置きの在庫）の一覧と注文フォーム */
/* 指示書: docs/20261112_サイト修正_即納ハダタイ在庫販売.md */
/* フォーム部品は away_meeting.css（.backup/away_meeting_close_20261023/）と同じ見た目。 */
/* 確認コードボタン（.btn-authcode 等）・必須バッジは fullcustom.css 側の定義を使う */

/* ---------- 一覧（記事とフォームの両方） ---------- */
.sokunou-cards {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 16px 0;
	max-width: 640px;
}

.sokunou-card {
	display: flex;
	align-items: center;
	gap: 12px;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 8px 12px;
	background: #fff;
}

.sokunou-card img {
	width: 48px;
	height: auto;
	border-radius: 4px;
	flex: none;
}

.sokunou-card-body {
	flex: 1;
	min-width: 0;
}

.sokunou-card-title {
	font-weight: bold;
	color: #636363;
}

.sokunou-card-spec {
	font-size: 14px;
}

.sokunou-card-price {
	font-size: 13px;
	color: #777;
}

.sokunou-card-btn {
	flex: none;
	background: #e07145;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 6px;
	padding: 6px 14px;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
}

.sokunou-card-btn:hover {
	background: #ffb866;
}

.sokunou-card.is-sold {
	opacity: 0.5;
}

.sokunou-card-btn.is-sold,
.sokunou-card-btn.is-sold:hover {
	background: #999;
}

.sokunou-soldout-note {
	font-weight: bold;
	color: #d32f2f;
	margin: 16px 0;
}

.sokunou-error {
	color: #d32f2f;
}

.sokunou-loading {
	color: #777;
}

/* ---------- フォーム ---------- */
.field {
	margin-bottom: 24px;
}

.field-label {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 6px;
	color: #636363;
}

.field-description {
	font-size: 13px;
	color: #555;
	margin-bottom: 8px;
	line-height: 1.6;
}

.field-input {
	margin-bottom: 4px;
}

.radio-label {
	display: inline-block;
	margin-right: 24px;
	font-size: 16px;
	cursor: pointer;
}

.radio-label input {
	margin-right: 6px;
}

.sokunou-choice {
	display: block;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 8px 12px;
	margin: 6px 0;
	max-width: 640px;
	cursor: pointer;
	background: #fff;
}

.sokunou-choice:hover {
	background: #ece9e3;
}

.sokunou-choice input {
	margin-right: 6px;
}

.sokunou-choice-price {
	color: #777;
	font-size: 14px;
}

.form-input,
.form-textarea {
	width: 100%;
	max-width: 400px;
	padding: 8px 10px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

.form-textarea {
	max-width: 640px;
}

.form-input-short {
	max-width: 160px;
	margin-right: 8px;
}

.form-actions {
	margin-top: 32px;
	text-align: center;
}

.btn-submit {
	background: #e07145;
	color: #fff;
	border: none;
	padding: 12px 32px;
	font-size: 16px;
	border-radius: 8px;
	cursor: pointer;
	font-weight: bold;
	transition: background 0.2s ease;
}

.btn-submit:hover:not(:disabled) {
	background: #ffb866;
}

.btn-submit:disabled {
	background: #aaa;
	cursor: not-allowed;
}

.closed-note {
	font-weight: bold;
	color: #d32f2f;
	margin: 16px 0;
}

.sokunou-done-message {
	white-space: pre-line;
	margin: 20px 0;
	padding: 15px 20px;
	border-radius: 8px;
}