/* ===== jQuery UI Datepicker :: native date input style ===== */
.ui-datepicker {
	--dp-accent: #1a73e8;
	--dp-text:   #202124;
	--dp-muted:  #70757a;
	--dp-line:   #dadce0;

	display: none;
	width: 256px;
	padding: 8px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid var(--dp-line);
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Noto Sans KR", "Malgun Gothic", sans-serif;
	font-size: 13px;
	color: var(--dp-text);
	z-index: 9999 !important;
}
.ui-datepicker * { box-sizing: border-box; }

/* 헤더 */
.ui-datepicker .ui-datepicker-header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	margin: 0 0 4px;
	padding: 0;
	background: none;
	border: 0;
	color: inherit;
	font-weight: 500;
}

/* 이전 / 다음 */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 50%;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	font-size: 0;
	transition: background .12s;
}
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 50%;
	left: 2px;
	background: #f1f3f4;
	border: 0;
}
.ui-datepicker .ui-datepicker-next-hover { left: auto; right: 2px; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-prev::after,
.ui-datepicker .ui-datepicker-next::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 7px;
	margin: -4px 0 0 -3px;
	border: solid var(--dp-muted);
	border-width: 0 0 1.5px 1.5px;
	transform: rotate(45deg);
}
.ui-datepicker .ui-datepicker-next::after {
	margin-left: -5px;
	border-width: 1.5px 1.5px 0 0;
}
.ui-datepicker .ui-state-disabled.ui-datepicker-prev::after,
.ui-datepicker .ui-state-disabled.ui-datepicker-next::after { border-color: #dadce0; }

/* 년 / 월 select */
.ui-datepicker .ui-datepicker-title {
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0 26px;
	line-height: 1;
}
.ui-datepicker .ui-datepicker-title select {
	height: 26px;
	margin: 0;
	padding: 0 4px;
	background: #fff;
	border: 1px solid transparent;
	border-radius: 2px;
	font-size: 13px;
	font-weight: 500;
	color: var(--dp-text);
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-title select:hover { background: #f1f3f4; }
.ui-datepicker .ui-datepicker-title select:focus { border-color: var(--dp-line); outline: none; }

/* 달력 */
.ui-datepicker table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	font-size: 12px;
}
.ui-datepicker th {
	padding: 6px 0;
	border: 0;
	font-weight: 400;
	text-align: center;
	color: var(--dp-muted);
}
.ui-datepicker td { padding: 1px; border: 0; }
.ui-datepicker td span,
.ui-datepicker td a,
.ui-datepicker td .ui-state-default {
	display: block;
	height: 30px;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 2px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-weight: 400;
	color: var(--dp-text);
}
.ui-datepicker td a:hover,
.ui-datepicker td .ui-state-default:hover { background: #f1f3f4; }

/* 오늘 */
.ui-datepicker td .ui-state-highlight {
	background: none;
	color: var(--dp-accent);
	box-shadow: inset 0 0 0 1px var(--dp-accent);
}
/* 선택된 날짜 */
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-active:hover {
	background: var(--dp-accent);
	color: #fff;
	box-shadow: none;
}
/* 선택 불가 */
.ui-datepicker td.ui-datepicker-unselectable span,
.ui-datepicker td .ui-state-disabled { color: #c5c8cc; opacity: 1; }
.ui-datepicker .ui-datepicker-other-month .ui-state-default { color: #c5c8cc; }

/* 일요일 토요일 색상 추가 */
.ui-datepicker th:first-child,
.ui-datepicker td:first-child a { color: #d93025; }
.ui-datepicker th:last-child,
.ui-datepicker td:last-child a  { color: #1a73e8; }