/* 利用規約の同意欄（配送・支払方法の画面） */
.wcta-box {
	--wcta-main: var(--wcc-btn-bg, #4f3620);
	--wcta-accent: var(--wcc-accent, #89663f);
	box-sizing: border-box;
	max-width: 640px;
	margin: 2em auto 1.5em;
	padding: 1.2em 1.4em;
	border: 1px solid #e5e0d8;
	border-radius: 8px;
	background: #f7f3ee;
	text-align: left;
	line-height: 1.7;
	transition: border-color .2s ease, background-color .2s ease;
}
.wcta-box * { box-sizing: border-box; }
.wcta-terms {
	max-height: 14em;
	overflow-y: auto;
	margin: 0 0 1em;
	padding: .9em 1em;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fff;
	font-size: .85em;
	color: #444;
}
.wcta-note { margin: 0 0 .7em; font-size: .9em; color: #666; }
.wcta-check {
	display: flex;
	align-items: center;
	gap: .6em;
	margin: 0;
	padding: .8em 1em;
	border: 2px solid #c9bfb1;
	border-radius: 6px;
	background: #fff;
	font-weight: bold;
	cursor: pointer;
	transition: border-color .2s ease;
}
.wcta-check input { flex: none; width: 20px; height: 20px; margin: 0; accent-color: var(--wcta-main); cursor: pointer; }
.wcta-check a { color: var(--wcta-accent); text-decoration: underline; }
.wcta-box.is-checked .wcta-check { border-color: var(--wcta-main); }
.wcta-error { margin: .6em 0 0; font-size: .9em; font-weight: bold; color: #b3261e; }
.wcta-box.is-error { border-color: #e8b4b0; background: #fff4f4; }
.wcta-box.is-error .wcta-check { border-color: #b3261e; }

/* 注文内容の確認画面 */
.wcta-done {
	max-width: 640px;
	margin: 1.5em auto 1em;
	padding: .7em 1em;
	border-radius: 6px;
	background: #eef7ee;
	color: #1e5c28;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}