/**
 * PENCO-337: 예약하기 객실 리스트·결제 동의 체크 UI 통일
 * (Figma 대비 체크마크 크기·굵기)
 */

/* ----- 결제: 전체 동의(검은 박스 + 흰 체크) ----- */
.v2-agreeAll input[type="checkbox"] {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #8b8d92;
	border-radius: 4px;
	background: var(--color-static-white);
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}
.v2-agreeAll input[type="checkbox"]:checked {
	background-color: var(--color-text-main);
	border-color: var(--color-text-main);
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M2.5%207L5.8%2010.5L11.5%203.5%22%20stroke%3D%22white%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 14px;
}

/* ----- 결제: 항목별 체크(단독 체크마크) ----- */
.v2-agreeItem input[type="checkbox"] {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin: 0;
	align-self: center;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	background: none;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}
.v2-agreeItem input[type="checkbox"]::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	margin: 0;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20transform%3D%22translate(4.18%2C5.88)%22%20d%3D%22M9.73975%200.32619C10.1747%20-0.108743%2010.8799%20-0.108728%2011.3149%200.326222C11.7498%200.761181%2011.7498%201.46639%2011.3149%201.90135L5.2747%207.94161C4.88418%208.33214%204.25101%208.33214%203.86049%207.94161L0.291306%204.37243C-0.0971746%203.98395%20-0.0970913%203.35408%200.291492%202.9657C0.67993%202.57747%201.30952%202.57755%201.69786%202.96588L4.30448%205.5725C4.35655%205.62457%204.44097%205.62457%204.49304%205.57251L9.73975%200.32619Z%22%20fill%3D%22%23C7C8CD%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
}
.v2-agreeItem input[type="checkbox"]:checked::after {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20transform%3D%22translate(4.18%2C5.88)%22%20d%3D%22M9.73975%200.32619C10.1747%20-0.108743%2010.8799%20-0.108728%2011.3149%200.326222C11.7498%200.761181%2011.7498%201.46639%2011.3149%201.90135L5.2747%207.94161C4.88418%208.33214%204.25101%208.33214%203.86049%207.94161L0.291306%204.37243C-0.0971746%203.98395%20-0.0970913%203.35408%200.291492%202.9657C0.67993%202.57747%201.30952%202.57755%201.69786%202.96588L4.30448%205.5725C4.35655%205.62457%204.44097%205.62457%204.49304%205.57251L9.73975%200.32619Z%22%20fill%3D%22%231B1C1F%22%2F%3E%3C%2Fsvg%3E");
}

.v2-agreeChevron::after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.86444%2012.5421C5.56503%2012.2426%205.56503%2011.7572%205.86444%2011.4578L9.32232%207.99993L5.86443%204.54205C5.56503%204.24265%205.56503%203.75722%205.86443%203.45782C6.16384%203.15842%206.64926%203.15842%206.94867%203.45782L10.9487%207.45782C11.2481%207.75722%2011.2481%208.24265%2010.9487%208.54205L6.94867%2012.5421C6.64926%2012.8415%206.16384%2012.8415%205.86444%2012.5421Z%22%20fill%3D%22%238B8D92%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
	transition: transform 0.2s ease;
}
.v2-agreeChevron.open::after {
	transform: rotate(90deg);
}

/* ----- 예약하기: 객실 리스트 체크(동의와 동일 SVG) ----- */
.yapen-setRoomLayer .checkSec input[type=checkbox]:checked {
	background-color: var(--color-text-main);
	border-color: var(--color-text-main);
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M2.5%207L5.8%2010.5L11.5%203.5%22%20stroke%3D%22white%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 14px;
}