/* Increase calendar container size */
.flatpickr-calendar {
    font-size: 18px;              /* Default is ~14px */
    padding: 12px 16px !important;
}

/* Larger month + navigation area */
.flatpickr-months {
    padding: 10px 0 !important;
}

.flatpickr-months .flatpickr-month {
    font-size: 18px !important;
}

.flatpickr-current-month span.cur-month, .flatpickr-current-month span.cur-year{
    font-weight: 500 !important;
}

/* Larger previous/next arrow buttons */
.flatpickr-prev-month,
.flatpickr-next-month {
    width: 40px;
    height: 40px;
}

/* Bigger day grid */
.flatpickr-day {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 17px;
    margin: 2px !important;       /* Adds space between cells */
}

/* Improve hover feel */
.flatpickr-day:hover, .flatpickr-day.inRange:hover {
    background: #0B2C3F !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* More padding on the weeks row (Mon Tue Wed…) */
.flatpickr-weekdays {
    margin-bottom: 5px !important;
}

.flatpickr-next-month, .flatpickr-prev-month {
    margin-top: 24px;
}

/* Start + end of selected range */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: #135066 !important;   /* your primary colour */
    color: #fff !important;
    border-color: #135066 !important;
}

/* In-between range */
.flatpickr-day.inRange {
    color: #000 !important;
}

.flatpickr-day.today {
    border-color: #135066 !important;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #e6e6e6 !important;
    box-shadow: -10px 0 0 #e6e6e6 !important;;
}

/* Flatpickr disabled days styling */
.flatpickr-day.disabled,
.flatpickr-day.notAllowed,
.flatpickr-day.flatpickr-disabled {
    /*background: #f8f8f8 !important;   !* light red or your custom color *!*/
    color: #d7d7d7 !important;         /* darker red text */
    text-decoration: line-through !important;
    cursor: not-allowed !important;
    opacity: 1 !important;             /* ensure full visibility */
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    visibility: hidden !important;
}

.flatpickr-calendar {
    min-width: 650px !important;   /* adjust as needed */
}