/*
 * jQuery UI Datepicker - self-contained theme for bfg_new
 * Replaces the previous file which mistakenly contained Google Fonts (Roboto) CSS.
 * No external images and no CDN: prev/next arrows are drawn in pure CSS,
 * so it works without the jQuery UI "images/" sprite folder.
 * Enqueued via override_jquery_ui_datepicker_style() in functions.php.
 */

/* Container */
.ui-datepicker {
	width: 19em;
	padding: 0;
	margin: 4px 0 0;
	display: none;
	background: #ffffff;
	border: 1px solid #c5cfdd;
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(20, 40, 80, .18);
	font-family: inherit;
	font-size: 14px;
	line-height: 1.4;
	color: #1b2a45;
	z-index: 100000 !important;
}

.ui-datepicker * {
	box-sizing: border-box;
}

/* Header */
.ui-datepicker .ui-datepicker-header {
	position: relative;
	background: #14315e;
	border-radius: 6px 6px 0 0;
	padding: 8px 0;
	color: #ffffff;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.4em;
	text-align: center;
	font-weight: 700;
	line-height: 1.6;
	text-transform: capitalize;
}

/* Prev / Next - hide the textual "Poprzedni/Nastepny" and draw chevrons */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 0;
	width: 2.4em;
	height: 100%;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
}

.ui-datepicker .ui-datepicker-prev { left: 0; }
.ui-datepicker .ui-datepicker-next { right: 0; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: none;
}

.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9px;
	height: 9px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}

.ui-datepicker .ui-datepicker-prev::before {
	transform: translate(-30%, -50%) rotate(-135deg);
}

.ui-datepicker .ui-datepicker-next::before {
	transform: translate(-70%, -50%) rotate(45deg);
}

.ui-datepicker .ui-datepicker-prev:hover::before,
.ui-datepicker .ui-datepicker-next:hover::before {
	border-color: #9fc0ef;
}

/* Calendar grid */
.ui-datepicker .ui-datepicker-calendar {
	width: calc(100% - 12px);
	margin: 6px auto;
	border-collapse: collapse;
}

.ui-datepicker .ui-datepicker-calendar th {
	padding: 8px 0;
	text-align: center;
	font-weight: 600;
	font-size: 12px;
	color: #5b6b86;
	border: 0;
}

.ui-datepicker .ui-datepicker-calendar td {
	padding: 1px;
	text-align: center;
	border: 0;
}

.ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar td span {
	display: block;
	padding: 7px 0;
	text-decoration: none;
	color: #1b2a45;
	border-radius: 4px;
	line-height: 1;
}

.ui-datepicker .ui-datepicker-calendar td a:hover,
.ui-datepicker .ui-datepicker-calendar td a.ui-state-hover {
	background: #e8eef7;
	color: #14315e;
}

/* Today */
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
	background: #f1f5fb;
	box-shadow: inset 0 0 0 1px #14315e;
}

/* Selected day */
.ui-datepicker .ui-datepicker-calendar td a.ui-state-active,
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a {
	background: #14315e;
	color: #ffffff;
}

/* Disabled / other-month cells */
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable span,
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span {
	color: #b6c0d2;
}

/* Optional button pane (if ever enabled) */
.ui-datepicker .ui-datepicker-buttonpane {
	padding: 8px;
	border-top: 1px solid #e2e8f2;
	text-align: right;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	margin-left: 6px;
	padding: 5px 10px;
	border: 1px solid #c5cfdd;
	border-radius: 4px;
	background: #f5f7fb;
	cursor: pointer;
}