.wpdb-calendar-input-wrap{
    position:relative;
}

.wpdb-calendar-icon{
    position:absolute;
    top:50%;
    left:18px;
    transform:translateY(-50%);
    color:#111827;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
}

.wpdb-calendar-input{
    padding-left:56px !important;
    cursor:pointer;
    font-weight:600;
    color:#111827;
}

.flatpickr-input[readonly]{
    background:#ffffff !important;
}

.flatpickr-calendar{
    width:340px !important;
    border:none !important;
    border-radius:24px !important;
    overflow:hidden !important;
    box-shadow:0 25px 80px rgba(15,23,42,0.18) !important;
    padding:14px !important;
    background:#ffffff !important;
}

.flatpickr-months{
    margin-bottom:12px;
}

.flatpickr-month{
    height:55px !important;
}

.flatpickr-current-month{
    padding-top:10px !important;
    font-size:18px !important;
    font-weight:800 !important;
    color:#111827 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months{
    font-weight:800 !important;
}

.flatpickr-current-month input.cur-year{
    font-weight:800 !important;
}

.flatpickr-weekdays{
    background:transparent !important;
    margin-bottom:8px;
}

span.flatpickr-weekday{
    color:#6b7280 !important;
    font-size:13px !important;
    font-weight:700 !important;
}

.flatpickr-day{
    border-radius:14px !important;
    max-width:42px !important;
    height:42px !important;
    line-height:42px !important;
    font-size:14px !important;
    font-weight:600 !important;
    color:#111827 !important;
    border:none !important;
}

.flatpickr-day:hover{
    background:#eff6ff !important;
    color:#2563eb !important;
}

.flatpickr-day.today{
    border:2px solid #2563eb !important;
    color:#2563eb !important;
    background:#ffffff !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange{
    background:#2563eb !important;
    border-color:#2563eb !important;
    color:#ffffff !important;
}

.flatpickr-day.flatpickr-disabled{
    color:#cbd5e1 !important;
    cursor:not-allowed !important;
}

.flatpickr-prev-month,
.flatpickr-next-month{
    top:16px !important;
    padding:8px !important;
}

.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg{
    fill:#2563eb !important;
}

@media(max-width:480px){

    .flatpickr-calendar{
        width:100% !important;
        max-width:320px !important;
    }

}