/* TWBike 品牌配色（呼應 #36444d 深藍 / #fff100 黃）美化 flatpickr 日曆彈窗 */

.flatpickr-calendar{
	border-radius:12px;
	/* 用 box-shadow 疊一圈邊框，而非 border：flatpickr 的內部格線是寫死的固定寬度，
	   加 border 會在 box-sizing:border-box 下吃掉等寬的內容空間，導致週六欄位被擠出邊界 */
	box-shadow:0 0 0 1px #e2e0d6, 0 10px 28px rgba(54,68,77,0.25);
	font-family:inherit;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after{ border-bottom-color:#36444d; }

.flatpickr-months{
	background:#36444d;
	border-radius:11px 11px 0 0;
	padding:10px 0 8px;
}
.flatpickr-current-month{
	color:#fff;
	font-size:15px;
	padding:0;
	overflow:visible;
}
.flatpickr-current-month input.cur-year{
	color:#fff;
	font-weight:bold;
}
.flatpickr-current-month .flatpickr-monthDropdown-months{
	background:#fff;
	color:#36444d;
	border-radius:4px;
	padding:2px 3px;
	font-weight:bold;
	white-space:nowrap;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after{ border-bottom-color:#fff; }
.flatpickr-current-month .numInputWrapper span.arrowDown:after{ border-top-color:#fff; }
.flatpickr-current-month .numInputWrapper:hover{ background:rgba(255,255,255,0.15); }

.flatpickr-prev-month,
.flatpickr-next-month{ padding:10px; }
.flatpickr-prev-month svg,
.flatpickr-next-month svg{ fill:#fff; }
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg{ fill:#fff100; }

.flatpickr-weekdays{ background:#36444d; }
span.flatpickr-weekday{
	color:#fff;
	font-weight:bold;
	opacity:0.9;
}

.flatpickr-day{
	border-radius:8px;
	font-weight:normal;
}
.flatpickr-day.today{
	border-color:#36444d;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus{
	background:#36444d;
	border-color:#36444d;
	color:#fff;
}
.flatpickr-day:hover{
	background:#fff6cf;
	border-color:#fff6cf;
}
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus{
	background:#fff100;
	border-color:#fff100;
	color:#36444d;
	font-weight:bold;
	box-shadow:none;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay{
	color:#c4c4c4;
}