/* Form Input Wrapper (for modification page) */
.form-group-modify .flatpickr-wrapper {
    width: 100% !important;
    position: relative !important;
    display: block !important;
}

.form-input-modify.flatpickr-date-input {
    background-color: #ffffff !important;
    cursor: pointer !important;
    /* padding: 12px 15px; */
}

.form-group-modify {
    position: relative;
    overflow: visible !important;
}

#modify_pickup_time {
    width: 100%;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    z-index: 10;
    background-color: #fff;
}

.form-input-pickup-time, .form-input-drop-time {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 40px;  
  background-image: url("https://hertzdev.loymarkservices.com/wp-content/uploads/2026/10/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;   
  background-size: 14px;                   
}
/* ==========================================================================
   Calendar Main Container Popup
   ========================================================================== */
.flatpickr-calendar.modify-flatpickr-calendar,
.flatpickr-calendar.daypick-calendar,
.daypick-calendar,
#modify-reserva-form .flatpickr-calendar,
body .flatpickr-calendar {
    width: 300px !important;
    max-width: 300px !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 16px 14px 18px 14px !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    border: 1px solid #f0f2f5 !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
    z-index: 999999 !important;
    font-family: 'Figtree', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
    touch-action: manipulation;
}

/* Modification form static wrapper position override */
.form-group-modify .flatpickr-calendar.modify-flatpickr-calendar,
#modify-reserva-form .flatpickr-calendar {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    margin: 6px 0 0 0 !important;
}

/* When calendar is open */
.flatpickr-calendar.modify-flatpickr-calendar.open,
.flatpickr-calendar.daypick-calendar.open,
.daypick-calendar.open,
#modify-reserva-form .flatpickr-calendar.open,
body .flatpickr-calendar.open {
    display: block !important;
}

/* Remove default triangular speech bubble arrows */
.flatpickr-calendar.modify-flatpickr-calendar::before,
.flatpickr-calendar.modify-flatpickr-calendar::after,
.flatpickr-calendar.daypick-calendar::before,
.flatpickr-calendar.daypick-calendar::after,
.daypick-calendar::before,
.daypick-calendar::after,
#modify-reserva-form .flatpickr-calendar::before,
#modify-reserva-form .flatpickr-calendar::after,
body .flatpickr-calendar::before,
body .flatpickr-calendar::after {
    display: none !important;
}

/* ==========================================================================
   Month Header: "Noviembre 2026" on Left
   ========================================================================== */
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-months,
.flatpickr-calendar.daypick-calendar .flatpickr-months,
.daypick-calendar .flatpickr-months,
#modify-reserva-form .flatpickr-calendar .flatpickr-months,
body .flatpickr-calendar .flatpickr-months {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 4px !important;
    margin-bottom: 14px !important;
    height: 36px !important;
    background: transparent !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-months .flatpickr-month,
.flatpickr-calendar.daypick-calendar .flatpickr-months .flatpickr-month,
.daypick-calendar .flatpickr-months .flatpickr-month,
#modify-reserva-form .flatpickr-calendar .flatpickr-months .flatpickr-month,
body .flatpickr-calendar .flatpickr-months .flatpickr-month {
    height: 36px !important;
    line-height: 1 !important;
    text-align: left !important;
    position: relative !important;
    flex: 1 !important;
    color: #000000 !important;
    background: transparent !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-current-month,
.flatpickr-calendar.daypick-calendar .flatpickr-current-month,
.daypick-calendar .flatpickr-current-month,
#modify-reserva-form .flatpickr-calendar .flatpickr-current-month,
body .flatpickr-calendar .flatpickr-current-month {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #000000 !important;
    background: transparent !important;
    position: static !important;
    width: auto !important;
    padding: 0 0 0 2px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    text-align: left !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-current-month .cur-month,
.flatpickr-calendar.daypick-calendar .flatpickr-current-month .cur-month,
.daypick-calendar .flatpickr-current-month .cur-month,
#modify-reserva-form .flatpickr-calendar .flatpickr-current-month .cur-month,
body .flatpickr-calendar .flatpickr-current-month .cur-month {
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #000000 !important;
    text-transform: capitalize !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Support month select dropdown (if present) */
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-current-month select.flatpickr-monthDropdown-months,
.flatpickr-calendar.daypick-calendar .flatpickr-current-month select.flatpickr-monthDropdown-months,
.daypick-calendar .flatpickr-current-month select.flatpickr-monthDropdown-months,
#modify-reserva-form .flatpickr-calendar .flatpickr-current-month select.flatpickr-monthDropdown-months,
body .flatpickr-calendar .flatpickr-current-month select.flatpickr-monthDropdown-months {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #000000 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    line-height: 1 !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-current-month .numInputWrapper,
.flatpickr-calendar.daypick-calendar .flatpickr-current-month .numInputWrapper,
.daypick-calendar .flatpickr-current-month .numInputWrapper,
#modify-reserva-form .flatpickr-calendar .flatpickr-current-month .numInputWrapper,
body .flatpickr-calendar .flatpickr-current-month .numInputWrapper {
    width: auto !important;
    display: inline-block !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-current-month input.cur-year,
.flatpickr-calendar.daypick-calendar .flatpickr-current-month input.cur-year,
.daypick-calendar .flatpickr-current-month input.cur-year,
#modify-reserva-form .flatpickr-calendar .flatpickr-current-month input.cur-year,
body .flatpickr-calendar .flatpickr-current-month input.cur-year {
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #000000 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: default !important;
    pointer-events: none !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-current-month .numInputWrapper span,
.flatpickr-calendar.daypick-calendar .flatpickr-current-month .numInputWrapper span,
.daypick-calendar .flatpickr-current-month .numInputWrapper span,
#modify-reserva-form .flatpickr-calendar .flatpickr-current-month .numInputWrapper span,
body .flatpickr-calendar .flatpickr-current-month .numInputWrapper span {
    display: none !important;
}

/* ==========================================================================
   Navigation Arrows on Top Right (< and > next to each other)
   ========================================================================== */
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-months .flatpickr-next-month,
.flatpickr-calendar.daypick-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar.daypick-calendar .flatpickr-months .flatpickr-next-month,
.daypick-calendar .flatpickr-months .flatpickr-prev-month,
.daypick-calendar .flatpickr-months .flatpickr-next-month,
#modify-reserva-form .flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
#modify-reserva-form .flatpickr-calendar .flatpickr-months .flatpickr-next-month,
body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
body .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    position: absolute !important;
    top: 4px !important;
    width: 28px !important;
    height: 28px !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    border-radius: 50% !important;
    color: #000000 !important;
    fill: #000000 !important;
    transition: background 0.15s ease !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover,
.flatpickr-calendar.daypick-calendar .flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-calendar.daypick-calendar .flatpickr-months .flatpickr-next-month:hover,
.daypick-calendar .flatpickr-months .flatpickr-prev-month:hover,
.daypick-calendar .flatpickr-months .flatpickr-next-month:hover,
#modify-reserva-form .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover,
#modify-reserva-form .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover,
body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover,
body .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover {
    background: #f1f5f9 !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar.daypick-calendar .flatpickr-months .flatpickr-prev-month,
.daypick-calendar .flatpickr-months .flatpickr-prev-month,
#modify-reserva-form .flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
    right: 34px !important;
    left: auto !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-months .flatpickr-next-month,
.flatpickr-calendar.daypick-calendar .flatpickr-months .flatpickr-next-month,
.daypick-calendar .flatpickr-months .flatpickr-next-month,
#modify-reserva-form .flatpickr-calendar .flatpickr-months .flatpickr-next-month,
body .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    right: 4px !important;
    left: auto !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-months .flatpickr-next-month svg,
.flatpickr-calendar.daypick-calendar .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar.daypick-calendar .flatpickr-months .flatpickr-next-month svg,
.daypick-calendar .flatpickr-months .flatpickr-prev-month svg,
.daypick-calendar .flatpickr-months .flatpickr-next-month svg,
#modify-reserva-form .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
#modify-reserva-form .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg,
body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
body .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
    width: 13px !important;
    height: 13px !important;
    fill: #000000 !important;
}

/* ==========================================================================
   Weekdays Row: D L M M J V S
   ========================================================================== */
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar.daypick-calendar .flatpickr-weekdays,
.daypick-calendar .flatpickr-weekdays,
#modify-reserva-form .flatpickr-calendar .flatpickr-weekdays,
body .flatpickr-calendar .flatpickr-weekdays {
    margin-bottom: 8px !important;
    height: 26px !important;
    display: flex !important;
    width: 100% !important;
    background: transparent !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-weekdaycontainer,
.flatpickr-calendar.daypick-calendar .flatpickr-weekdaycontainer,
.daypick-calendar .flatpickr-weekdaycontainer,
#modify-reserva-form .flatpickr-calendar .flatpickr-weekdaycontainer,
body .flatpickr-calendar .flatpickr-weekdaycontainer {
    display: flex !important;
    justify-content: space-around !important;
    width: 100% !important;
}

.flatpickr-calendar.modify-flatpickr-calendar span.flatpickr-weekday,
.flatpickr-calendar.daypick-calendar span.flatpickr-weekday,
.daypick-calendar span.flatpickr-weekday,
#modify-reserva-form .flatpickr-calendar span.flatpickr-weekday,
body .flatpickr-calendar span.flatpickr-weekday {
    color: #64748b !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    flex: 1 !important;
    text-align: center !important;
    background: transparent !important;
}

/* ==========================================================================
   Days Grid
   ========================================================================== */
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-innerContainer,
.flatpickr-calendar.daypick-calendar .flatpickr-innerContainer,
.daypick-calendar .flatpickr-innerContainer,
#modify-reserva-form .flatpickr-calendar .flatpickr-innerContainer,
body .flatpickr-calendar .flatpickr-innerContainer {
    display: flex !important;
    justify-content: center !important;
    overflow: visible !important;
    width: 100% !important;
    background: transparent !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-rContainer,
.flatpickr-calendar.daypick-calendar .flatpickr-rContainer,
.daypick-calendar .flatpickr-rContainer,
#modify-reserva-form .flatpickr-calendar .flatpickr-rContainer,
body .flatpickr-calendar .flatpickr-rContainer {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-days,
.flatpickr-calendar.daypick-calendar .flatpickr-days,
.daypick-calendar .flatpickr-days,
#modify-reserva-form .flatpickr-calendar .flatpickr-days,
body .flatpickr-calendar .flatpickr-days {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    background: transparent !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .dayContainer,
.flatpickr-calendar.daypick-calendar .dayContainer,
.daypick-calendar .dayContainer,
#modify-reserva-form .flatpickr-calendar .dayContainer,
body .flatpickr-calendar .dayContainer {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-around !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-day,
.flatpickr-calendar.daypick-calendar .flatpickr-day,
.daypick-calendar .flatpickr-day,
#modify-reserva-form .flatpickr-calendar .flatpickr-day,
body .flatpickr-calendar .flatpickr-day {
    width: 35px !important;
    max-width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 50% !important;
    margin: 2px 1px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent;
    transition: background 0.15s ease, color 0.15s ease !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-day:hover,
.flatpickr-calendar.daypick-calendar .flatpickr-day:hover,
.daypick-calendar .flatpickr-day:hover,
#modify-reserva-form .flatpickr-calendar .flatpickr-day:hover,
body .flatpickr-calendar .flatpickr-day:hover {
    background-color: #f1f5f9 !important;
    border-color: transparent !important;
    color: #000000 !important;
    border-radius: 50% !important;
}

/* Selected Date - Solid Hertz Yellow Circle */
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar.daypick-calendar .flatpickr-day.selected,
.flatpickr-calendar.daypick-calendar .flatpickr-day.startRange,
.flatpickr-calendar.daypick-calendar .flatpickr-day.endRange,
.daypick-calendar .flatpickr-day.selected,
.daypick-calendar .flatpickr-day.startRange,
.daypick-calendar .flatpickr-day.endRange,
#modify-reserva-form .flatpickr-calendar .flatpickr-day.selected,
body .flatpickr-calendar .flatpickr-day.selected {
    background-color: #FFCC00 !important;
    border-color: #FFCC00 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar.daypick-calendar .flatpickr-day.selected:hover,
.daypick-calendar .flatpickr-day.selected:hover,
#modify-reserva-form .flatpickr-calendar .flatpickr-day.selected:hover,
body .flatpickr-calendar .flatpickr-day.selected:hover {
    background-color: #e6b800 !important;
    color: #000000 !important;
}

/* Today Date (when not selected) */
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange),
.flatpickr-calendar.daypick-calendar .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange),
.daypick-calendar .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange),
#modify-reserva-form .flatpickr-calendar .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange),
body .flatpickr-calendar .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange) {
    background-color: #F1F3F5 !important;
    border-color: transparent !important;
    color: #000000 !important;
    border-radius: 50% !important;
}

/* Hide previous/next month days */
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-day.prevMonthDay,
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-day.nextMonthDay,
.flatpickr-calendar.daypick-calendar .flatpickr-day.prevMonthDay,
.flatpickr-calendar.daypick-calendar .flatpickr-day.nextMonthDay,
.daypick-calendar .flatpickr-day.prevMonthDay,
.daypick-calendar .flatpickr-day.nextMonthDay,
#modify-reserva-form .flatpickr-calendar .flatpickr-day.prevMonthDay,
#modify-reserva-form .flatpickr-calendar .flatpickr-day.nextMonthDay,
body .flatpickr-calendar .flatpickr-day.prevMonthDay,
body .flatpickr-calendar .flatpickr-day.nextMonthDay {
    visibility: hidden !important;
}

/* Disabled dates */
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar.modify-flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover,
.flatpickr-calendar.daypick-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar.daypick-calendar .flatpickr-day.flatpickr-disabled:hover,
.daypick-calendar .flatpickr-day.flatpickr-disabled,
.daypick-calendar .flatpickr-day.flatpickr-disabled:hover,
#modify-reserva-form .flatpickr-calendar .flatpickr-day.flatpickr-disabled,
body .flatpickr-calendar .flatpickr-day.flatpickr-disabled {
    color: #D1D5DB !important;
    background: transparent !important;
    border-color: transparent !important;
    cursor: not-allowed !important;
}