/* ============================
   MPHB Datepicker Popup
   Tallinn CityScape Custom Theme
   ============================ */

/* Popup container */
.datepick-popup {
    z-index: 9999 !important;
    border: none !important;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    background: #ffffff;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

/* Navigation bar (prev/next month) */
.datepick-popup .datepick-nav {
    background: #1C2C34;
    border: none;
    padding: 0;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.datepick-popup .datepick-nav a {
    color: #ffffff !important;
    font-weight: 500;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.datepick-popup .datepick-nav a:hover {
    background-color: #aa998a !important;
    color: #ffffff !important;
}

.datepick-popup .datepick-nav a.datepick-disabled {
    color: rgba(255, 255, 255, 0.3) !important;
}

.datepick-popup .datepick-nav a.datepick-disabled:hover {
    background-color: transparent !important;
}

/* Prev/Next — centered, full height, no < > */
.datepick-popup .datepick-nav .datepick-cmd-prev,
.datepick-popup .datepick-nav .datepick-cmd-next {
    font-size: 0;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 100%;
}

.datepick-popup .datepick-nav .datepick-cmd-prev::after {
    content: 'Prev';
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    line-height: normal;
}

.datepick-popup .datepick-nav .datepick-cmd-next::after {
    content: 'Next';
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    line-height: normal;
}

/* Month name in nav — centered */
.datepick-popup .datepick-nav .datepick-cmd-current {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Month header */
.datepick-popup .datepick-month-header,
.datepick-popup .datepick-month-header select,
.datepick-popup .datepick-month-header input {
    background-color: #f5f3f0 !important;
    color: #1C2C34 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 700 !important;
    font-size: 110% !important;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e8e4df !important;
}

/* Month panel */
.datepick-popup .datepick-month {
    border: none !important;
    background: #ffffff;
}

/* Day-of-week headers (Mo, Tu, etc.) */
.datepick-popup .datepick-month th {
    font-family: 'Poppins', sans-serif;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #aa998a !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    padding: 8px 0 !important;
}

/* Day cells */
.datepick-popup .datepick-month td {
    background-color: #ffffff !important;
    border: 1px solid #f8f7f5 !important;
}

.datepick-popup .datepick-month td a,
.datepick-popup .datepick-month td span {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    transition: all 0.3s ease;
}

/* Selectable dates — elegant hover */
.datepick-popup .datepick-month td .mphb-selectable-date {
    color: #333333 !important;
    background-color: #ffffff !important;
}

.datepick-popup .datepick-month td .mphb-selectable-date:hover {
    background-color: #1C2C34 !important;
    color: #ffffff !important;
}

/* Today */
.datepick-popup .datepick-month td a.datepick-today {
    background-color: #ffffff !important;
    font-weight: 700 !important;
    color: #1C2C34 !important;
    box-shadow: inset 0 0 0 1px #aa998a;
}

/* Selected date / highlighted */
.datepick-popup .datepick-month td a.datepick-highlight,
.datepick-popup .datepick-month td a.datepick-selected,
.datepick-popup .datepick-month td .datepick-selected {
    background-color: #1C2C34 !important;
    color: #ffffff !important;
}

/* Check-in date indicator */
.datepick-popup .datepick-month td .mphb-check-in-date {
    background-color: #aa998a !important;
    color: #ffffff !important;
}

/* Past / unavailable dates */
.datepick-popup .datepick-month td .mphb-past-date,
.datepick-popup .datepick-month td .mphb-unselectable-date {
    color: #ccc !important;
    background-color: #ffffff !important;
}

.datepick-popup .datepick-month td .mphb-past-date:hover,
.datepick-popup .datepick-month td .mphb-unselectable-date:hover {
    background-color: #ffffff !important;
    color: #ccc !important;
}

/* Other month days */
.datepick-popup .datepick-month td .datepick-other-month {
    color: #ddd !important;
    background-color: transparent !important;
}

/* Control bar (clear/close) — space-between */
.datepick-popup .datepick-ctrl {
    background-color: #f5f3f0 !important;
    border: none !important;
    border-top: 1px solid #e8e4df !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.datepick-popup .datepick-ctrl a {
    color: #1C2C34 !important;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.datepick-popup .datepick-ctrl .datepick-cmd:hover {
    background-color: #1C2C34 !important;
    color: #ffffff !important;
}

/* Remove default inner divider line in ctrl */
.datepick-popup .datepick-ctrl:before {
    border-left-color: #e8e4df !important;
}

/* Remove border-radius from selected dates */
.datepick-popup .mphb-datepicker-dark-blue.mphb-datepick-popup .datepick-month td .datepick-selected,
.datepick-popup .datepick-month td a.datepick-selected,
.datepick-popup .datepick-month td a.datepick-highlight,
.datepick-popup .datepick-month td .mphb-check-in-date {
    border-radius: 0 !important;
}