/* Customizing Flatpickr to perfectly mimic Airbnb requirements */

.flatpickr-calendar {
    border: none !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.08) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    font-family: 'Circular', -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
}

/* Blocked/Booked dates styling - Cut and Red */
.flatpickr-day.disabled, 
.flatpickr-day.disabled:hover,
.flatpickr-day.flatpickr-disabled {
    text-decoration: line-through !important;
    color: #ff5a5f !important; /* Airbnb Red */
    background: transparent !important;
    opacity: 0.65;
    font-weight: 500;
}

/* Hide the old MotoPress calendar if the user forgets to delete the old shortcode */
/* We target the main wrapper of the old calendar */
.mphb-calendar {
    display: none !important;
}

/* Selected range styling */
.flatpickr-day.selected, 
.flatpickr-day.startRange, 
.flatpickr-day.endRange, 
.flatpickr-day.selected.inRange, 
.flatpickr-day.startRange.inRange, 
.flatpickr-day.endRange.inRange, 
.flatpickr-day.selected:focus, 
.flatpickr-day.startRange:focus, 
.flatpickr-day.endRange:focus, 
.flatpickr-day.selected:hover, 
.flatpickr-day.startRange:hover, 
.flatpickr-day.endRange:hover, 
.flatpickr-day.selected.prevMonthDay, 
.flatpickr-day.startRange.prevMonthDay, 
.flatpickr-day.endRange.prevMonthDay, 
.flatpickr-day.selected.nextMonthDay, 
.flatpickr-day.startRange.nextMonthDay, 
.flatpickr-day.endRange.nextMonthDay {
    background: #222222 !important;
    border-color: #222222 !important;
    color: #fff !important;
}

.flatpickr-day.inRange {
    background: #f7f7f7 !important;
    border-color: #f7f7f7 !important;
    box-shadow: -5px 0 0 #f7f7f7, 5px 0 0 #f7f7f7 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-weight: 600 !important;
    color: #222 !important;
    appearance: none;
    -webkit-appearance: none;
}