/**
 * flatpickr-theme.css — Plaza Real date picker theme
 * Compact, elegant. White background contrasts with the sidebar's blue-gray.
 * Red #711019 for selected/today/header strip. Charter serif for month label.
 */

/* ── Reset triangle arrows ─────────────────────────── */
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after { display: none !important; }

/* ── Container ─────────────────────────────────────── */
.flatpickr-calendar {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    background: #ffffff;
    border: 1px solid #d8c4c6;
    border-radius: 8px;
    box-shadow: 0 6px 24px rgba(0,0,0,.13);
    padding: 0 0 6px;
    width: 210px !important;
}
.flatpickr-calendar.open { z-index: 99999 !important; }

/* ── Month/year header — thin red strip ────────────── */
.flatpickr-months {
    background: #711019;
    border-radius: 8px 8px 0 0;
    height: 34px;
    display: flex;
    align-items: center;
}
.flatpickr-month {
    height: 34px;
    line-height: 34px;
    color: #f5e9e9;
    fill: #f5e9e9;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}
/* Month + year MUST sit on a single line */
.flatpickr-current-month {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 5px;
    width: auto;
    padding: 0;
    font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
    font-size: 13px;
    font-weight: 700;
    color: #f5e9e9;
    letter-spacing: .02em;
    position: static;
    left: auto;
}
/* Month dropdown */
.flatpickr-current-month select.flatpickr-monthDropdown-months {
    background: transparent;
    color: #f5e9e9;
    font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
    font-size: 13px;
    font-weight: 700;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
}
.flatpickr-current-month select.flatpickr-monthDropdown-months option {
    color: #1a1a1a;
    background: #fff;
}
/* Year input */
.flatpickr-current-month .numInputWrapper {
    width: 46px;
    display: inline-flex;
    align-items: center;
}
.flatpickr-current-month input.cur-year {
    color: #f5e9e9;
    font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
    font-size: 13px;
    font-weight: 700;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    width: 46px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* Year spinner arrows */
.numInputWrapper span { border: none; }
.numInputWrapper span.arrowUp:after  { border-bottom-color: #f5e9e9; }
.numInputWrapper span.arrowDown:after { border-top-color: #f5e9e9; }

/* Prev/Next arrows */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    fill: #f5e9e9;
    padding: 0 10px;
    height: 34px;
    display: flex;
    align-items: center;
    top: 0;
    line-height: 34px;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover { fill: #fff; }
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    fill: inherit;
    width: 12px;
    height: 12px;
}

/* ── Weekday row ───────────────────────────────────── */
.flatpickr-weekdays {
    background: #fdf7f7;
    padding: 4px 0 3px;
    border-bottom: 1px solid #f0e4e4;
}
.flatpickr-weekday {
    background: transparent;
    color: #8b2230;
    font-size: 7.5px;
    font-weight: 400;
    text-transform: none !important;
    letter-spacing: .02em;
}

/* ── Day grid ──────────────────────────────────────── */
.flatpickr-days {
    width: 210px !important;
    border: none;
}
.dayContainer {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    padding: 3px 4px 0;
    gap: 0;
}
.flatpickr-day {
    border-radius: 4px;
    color: #222;
    border: 1px solid transparent;
    font-size: 9.5px;
    height: 26px;
    line-height: 26px;
    max-width: 26px;
    width: 26px;
    margin: 1px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
}
.flatpickr-day:hover,
.flatpickr-day:focus {
    background: #fdf0f0;
    border-color: #e0b8bb;
    color: #711019;
}
.flatpickr-day.today {
    border-color: #711019;
    color: #711019;
    font-weight: 700;
}
.flatpickr-day.today:hover {
    background: #711019;
    color: #fff;
    border-color: #711019;
}
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus {
    background: #711019;
    border-color: #711019;
    color: #fff;
    font-weight: 700;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: #d0d0d0 !important;
    background: transparent;
    border-color: transparent;
    cursor: not-allowed;
    text-decoration: line-through;
}
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay { color: #ccc; }
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover { color: #711019; background: #fdf0f0; }

/* ── Alt-input (visible text field in reserve widget) ── */
.prc-rw-checkin.flatpickr-input,
.prc-rw-checkout.flatpickr-input {
    display: none; /* hide original, altInput is shown */
}
/* the altInput Flatpickr creates */
.flatpickr-input[readonly] {
    cursor: pointer;
}