@charset "utf-8";

/* ── Navbar calendar ──────────────────────────────────── */

#calendar {
	background: transparent;
}

.weekday,
.date {
	text-transform: none;
}

.date-picker {
	position: relative;
	user-select: none;
}

.date-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.date-container > .weekday {
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	color: #888;
}

.date-container > .date {
	font-size: 1.35rem;
	font-weight: 500;
	color: #2c3e50;
}

.date-container > .year {
	font-size: 0.85rem;
	color: #aaa;
	margin-left: 4px;
}

.date-picker [data-toggle="datepicker"] {
	font-size: 1.1rem;
	cursor: pointer;
	color: #555;
	padding: 2px 6px;
	border-radius: 4px;
	transition: background 0.15s, color 0.15s;
}

.date-picker [data-toggle="datepicker"]:hover {
	background: #f0f0f0;
	color: #000;
}

.date-picker [data-toggle="calendar"] {
	display: inline-block;
	font-size: 0.95rem;
	cursor: pointer;
	color: #888;
	margin-left: 6px;
	vertical-align: middle;
	transition: color 0.15s;
}

.date-picker [data-toggle="calendar"]:hover {
	color: #000;
}

/* ── Input datepicker dropdown ──────────────────────────── */

.date-picker .input-datepicker {
	display: none;
	position: absolute;
	top: calc(100% + 6px);
	left: 50%;
	transform: translateX(-50%);
	width: 220px;
	z-index: 10;
}

.date-picker .input-datepicker.show-input {
	display: flex;
}

.input-datepicker .form-control {
	padding: 4px 10px;
	height: auto;
}

.input-datepicker .btn {
	padding: 4px 12px;
}

/* ── Flatpickr overrides ──────────────────────────────── */

.flatpickr-calendar {
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
	font-family: inherit;
	z-index: 9999 !important;
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover {
	background: #2c3e50;
	border-color: #2c3e50;
}

.flatpickr-day.today {
	border-color: #2c3e50;
}

.flatpickr-day.today:hover {
	background: #2c3e50;
	border-color: #2c3e50;
	color: #fff;
}

.flatpickr-months .flatpickr-month {
	background: #2c3e50;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
	fill: #fff;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
	fill: #c8d0d9;
}

.flatpickr-current-month {
	color: #fff;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
	background: #2c3e50;
	color: #fff;
}

span.flatpickr-weekday {
	color: #2c3e50;
	font-weight: 600;
}