/* Prices in the date pickers (2026-10-09), public/js/sk-fare-month.js. Colours from the owner's "SkyKoda Fare Calendar" design. */
:root { --skfm-blue: #1667D9; --skfm-green: #13804B; --skfm-ink: #121826; --skfm-muted: #5B6474; --skfm-faint: #8A93A3; --skfm-hover: #EAF2FE; }

/* flatpickr (results page modify search, desktop + phone) */
.flatpickr-calendar.skfm .flatpickr-day.skfm-has { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; height: 46px; line-height: 1; }
.flatpickr-calendar.skfm .flatpickr-day { height: 46px; line-height: 46px; }
.flatpickr-calendar.skfm .skfm-p { font-size: 9.5px; font-weight: 500; color: var(--skfm-muted); letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.flatpickr-calendar.skfm .skfm-p.skfm-low { color: var(--skfm-green); font-weight: 800; }
.flatpickr-calendar.skfm .flatpickr-day.selected .skfm-p, .flatpickr-calendar.skfm .flatpickr-day.startRange .skfm-p,
.flatpickr-calendar.skfm .flatpickr-day.endRange .skfm-p { color: #fff; }
.flatpickr-calendar.skfm.skfm-loading .flatpickr-days { opacity: .75; }
.flatpickr-calendar.skfm.skfm-loading .flatpickr-month::after { content: "Loading prices…"; position: absolute; right: 36px; top: 50%; transform: translateY(-50%); font-size: 11px; color: var(--skfm-faint); font-weight: 500; }

/* homepage phone picker (#mobileDateModal) */
.mdm-day .skfm-p { position: absolute; left: 0; right: 0; bottom: 5px; text-align: center; font-size: 10px; font-weight: 500; color: var(--skfm-muted); line-height: 1; font-variant-numeric: tabular-nums; }
.mdm-day.skfm-has { align-items: flex-start; padding-top: 9px; }
.mdm-day .skfm-p.skfm-low { color: var(--skfm-green); font-weight: 800; }
.mdm-day.sel-dep .skfm-p, .mdm-day.sel-ret .skfm-p { color: #fff; }
.mdm-month-note { font-size: 11px; color: var(--skfm-faint); font-weight: 500; }
.mdm-month-note.low { color: var(--skfm-green); font-weight: 700; }