/* ────────────────────────────────────────────────────────────────────────────
   Podere Colleprimo — datepicker.css
   Override Flatpickr — in linea con il design del tema pcp.
   ──────────────────────────────────────────────────────────────────────────── */

/* ── Popup ───────────────────────────────────────────────────────────────── */

.flatpickr-calendar {
	background: var(--2);
	border: 1px solid rgba(15, 55, 95, 0.15);
	border-radius: 0;
	box-shadow: 0 16px 48px rgba(15, 55, 95, 0.13);
	font-family: var(--ff2);
	width: 308px;
	padding: 0;
	border: 6px solid var(--w);
	border-radius: 8px;
	overlay: hidden;
}

/* Freccia CSS del tooltip — rimossa */
.flatpickr-calendar.arrowTop::before,
.flatpickr-calendar.arrowTop::after,
.flatpickr-calendar.arrowBottom::before,
.flatpickr-calendar.arrowBottom::after {
	display: none;
}

/* ── Header: navigazione mese/anno ───────────────────────────────────────── */

.flatpickr-months {
	background: var(--1);
	padding: 18px 16px 14px;
	position: relative;
	align-items: center;
	border-radius: 8px;
}

.flatpickr-month {
	background: var(--1);
	color: var(--2);
	fill: var(--2);
	height: 28px;
}

.flatpickr-current-month {
	font-family: var(--ff1);
	font-size: 15px;
	font-weight: 400;
	color: var(--2);
	padding-top: 0;
	height: 28px;
	line-height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	left: 0;
	width: 100%;
}

.flatpickr-current-month select.flatpickr-monthDropdown-months {
	font-family: var(--ff1);
	font-size: 15px;
	color: var(--2);
	background: transparent;
	border: none;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.flatpickr-current-month select.flatpickr-monthDropdown-months:hover {
	background: transparent;
}

.flatpickr-current-month select.flatpickr-monthDropdown-months option {
	background: var(--1);
	color: var(--2);
}

.flatpickr-current-month .numInputWrapper {
	width: 58px;
}

.flatpickr-current-month .numInputWrapper input.numInput {
	font-family: var(--ff1);
	font-size: 15px;
	color: var(--2);
	background: transparent;
	border: none;
	outline: none;
	padding: 0 0 0 4px;
}

.flatpickr-current-month .numInputWrapper span {
	border: none;
	right: 0;
}

.flatpickr-current-month .numInputWrapper span.arrowUp::after {
	border-bottom-color: rgba(246, 241, 232, 0.45);
}

.flatpickr-current-month .numInputWrapper span.arrowDown::after {
	border-top-color: rgba(246, 241, 232, 0.45);
}

.flatpickr-current-month .numInputWrapper span:hover::after {
	border-bottom-color: var(--2);
	border-top-color: var(--2);
}

/* ── Frecce prev / next ──────────────────────────────────────────────────── */

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
	padding: 6px 10px;
	top: 50%;
	transform: translateY(-50%);
	height: auto;
	fill: rgba(246, 241, 232, 0.5);
	color: rgba(246, 241, 232, 0.5);
	transition: fill 0.2s ease;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
	background: none;
	fill: var(--2);
	color: var(--2);
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
	width: 13px;
	height: 13px;
	fill: inherit;
}

.flatpickr-months .flatpickr-prev-month:hover svg, 
.flatpickr-months .flatpickr-next-month:hover svg {
	fill: var(--w);
}

/* ── Giorni della settimana ──────────────────────────────────────────────── */

.flatpickr-weekdays {
	background: var(--2);
	padding: 16px 0px 6px;
}

span.flatpickr-weekday {
	font-family: var(--ff2);
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: rgba(15, 55, 95, 0.35);
	background: transparent;
}

/* ── Griglia giorni ──────────────────────────────────────────────────────── */

.flatpickr-innerContainer {
	background: var(--2);
	padding: 14px 16px 18px;
}

.flatpickr-rContainer {
	width: 100%;
}

.flatpickr-days {
	width: 100%;
	border: none;
}

.dayContainer {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	padding: 0;
}

.flatpickr-day {
	font-family: var(--ff2);
	font-size: 13px;
	font-weight: 400;
	color: var(--text);
	border-radius: 0;
	border: none;
	height: 36px;
	line-height: 36px;
	max-width: 100%;
	flex-basis: calc(100% / 7);
	transition: background 0.18s ease, color 0.18s ease;
}

.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover {
	background: rgba(15, 55, 95, 0.07);
	color: var(--1);
	border: none;
}

/* Oggi — sottolineato, non riempito */
.flatpickr-day.today {
	background: transparent;
	border-color: transparent;
	color: var(--1);
	font-weight: 500;
	border-bottom: 2px solid var(--1);
}

.flatpickr-day.today:hover {
	background: rgba(15, 55, 95, 0.07);
	color: var(--1);
	border-color: transparent;
	border-bottom-color: var(--1);
}

/* Selezionato */
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected.today,
.flatpickr-day.selected.today:hover {
	background: var(--1);
	color: var(--2);
	border-color: var(--1);
	font-weight: 400;
}

/* Giorni disabilitati */
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
	background: transparent;
	color: rgba(75, 74, 70, 0.22);
	border: none;
	text-decoration: none;
	cursor: default;
}

/* Giorni fuori mese corrente */
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
	color: rgba(75, 74, 70, 0.28);
}