/*
	Custom CSS - Studio PUNCDIUM Premium Tuning
*/
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&display=swap');

/* 1. 예약창 전체 폰트를 스튜디오 공식 웹사이트 글꼴(Jost)로 통일 */
body, table, td, th, input, select, textarea, h1, h2, h3, p, span, div, a {
	font-family: 'Jost', sans-serif !important;
}

/* 2. [문제의 영역 해결] 옵션 선택 페이지 메인 타이틀 무식한 볼드 해제 및 가독성 최적화 */
 #events h3   {
	font-weight: 500 !important; /* 얇고 세련된 두께로 변경 */
	font-size: 19px !important;  /* 눈이 편안한 크기 */
	line-height: 1.6 !important; /* 자간 배치를 여유롭게 */
	color: #0A192F !important;     /* 스튜디오 메인 네이비 컬러 반영 */
	letter-spacing: -0.3px !important;
	text-align: center !important;
	margin-bottom: 25px !important;
}

/* 3. 소요 시간 및 세부 스타일 다듬기 */
 #events p.duration, #events div.duration   {
	font-size: 12px !important;
	color: #7A7A8A !important;
}

 #events p.description, #events div.description   {
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: #2C2C3A !important;
}

 #events .selectedEvent   {
	border: 2px solid #C4A97A !important; /* 선택 시 골드 테두리 */
	background: rgba(196,169,122, 0.03) !important;
}

/* 4. 예약 및 다음 단계 버튼들을 웹사이트 스타일과 동기화 */
 #events input.reserve_time_btn   {
	background: #C4A97A !important;
	color: #0A192F !important;
	font-weight: 600 !important;
	border-radius: 6px !important;
	border: none !important;
}

 #events input.select_another_btn   {
	background: #F7F5F1 !important;
	color: #7A7A8A !important;
	border: 1px solid #E8E2D8 !important;
	border-radius: 6px !important;
}

/* 5. 달력/타임라인 화면 헤더 타이틀 가독성 설정 */
 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	font-weight: 500 !important;
	color: #0A192F !important;
	letter-spacing: -0.3px !important;
}

 #eventForm #save_button   {
	background: #C4A97A !important;
	color: #0A192F !important;
	font-weight: 600 !important;
}

 div.ui-widget-content   {
	border-color: #E8E2D8 !important;
}

 div.ui-widget-header   {
	background: #0A192F !important;
	color: #EAD9C4 !important;
}

 #timeline-container table.timeline   {
	border-collapse: separate !important;
}

 .timeline td.not_worked_time   {
	background: #F7F5F1 !important;
}

 .timeline td.free_time   {
	background: #fff !important;
	transition: background 0.2s;
}
 .timeline td.free_time:hover {
	background: rgba(196,169,122, 0.1) !important;
}

 .timeline td.selected_time   {
	background: #C4A97A !important;
}

 .timeline td.reserved_time   {
	background: #E8E2D8 !important;
}

 div#loading   {
	color: #C4A97A !important;
}

 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	font-weight: 400 !important;
	color: #2C2C3A !important;
}