.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-218 .elementor-element.elementor-element-1940c3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-218 .elementor-element.elementor-element-1940c3b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-mphbe-availability-calendar .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-mphbe-availability-calendar .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-218 .elementor-element.elementor-element-64d15dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-218 .elementor-element.elementor-element-c895892{--display:flex;}.elementor-widget-mphbe-search-form .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-mphbe-search-form .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-218 .elementor-element.elementor-element-20a0233{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-mphbe-accommodation-price .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-mphbe-accommodation-price .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-218 .elementor-element.elementor-element-1940c3b{--width:112.946%;}}/* Start custom CSS for mphbe-availability-calendar, class: .elementor-element-7bb37bb *//************************************************
 * MotoPress / datepick calendar - Blue/Green UI
 * 1 solo mese, card centrata, header blu
 ************************************************/

/* ========== CONTENITORE INTERO ========== */
/* <div class="datepick" style="width: 1662px;"> */

.datepick {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e6f0;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
    padding: 0;
    overflow: hidden;
    font-family: inherit;
    font-size: 14px;
    color: #1f2933;

    /* sovrascrive lo style="width: 1662px" */
    width: 100% !important;
    max-width: 560px;          /* LARGHEZZA MASSIMA DEL CALENDARIO */
    box-sizing: border-box;
    margin: 0 auto;            /* centrato */
}

/* ========== NAVBAR (Prev – Oggi – Next) ========== */

.datepick-nav {
    background-color: #274b8f !important;  /* blu header */
    color: #ffffff !important;
    padding: 8px 12px;
    border: none;
    position: relative;
    text-align: center;
    font-weight: 600;
}

/* evita overlay strani del tema */
.datepick-nav * {
    background: transparent !important;
    color: #ffffff !important;
}

/* pulsanti Prev / Next: testo + freccia */
.datepick-nav .datepick-cmd-prev,
.datepick-nav .datepick-cmd-next {
    display: inline-block;
    padding: 7px 40px;
    border-radius: 3px;
    background: #1f3a72;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

/* freccia + testo */
.datepick-nav .datepick-cmd-prev::before {
    content: "◀ ";
}
.datepick-nav .datepick-cmd-next::after {
    content: " ▶";
}

.datepick-nav .datepick-cmd-prev:hover,
.datepick-nav .datepick-cmd-next:hover {
    background: #162854;
}

/* “Oggi” centrato senza sfondo */
.datepick-nav .datepick-cmd-today {
    background: none !important;
    padding: 8px 90px;
}

/* ========== STRUTTURA MESI (1 SOLO MESE) ========== */

/* una sola colonna di mese */
.datepick-month-row {
    display: block;
}

/* singolo mese */
.datepick-month {
    float: none;
    width: 100%;
    padding: 10px 16px 16px;
    box-sizing: border-box;
}

/* header mese/anno */
.datepick-month-header {
    text-align: center;
    font-weight: 600;
    margin: 4px 0 8px;
    background: transparent !important;
}

/* tabella giorni */
.datepick-month table {
    width: 100%;
    border-collapse: collapse;
}

/* intestazioni giorni settimana (riga azzurra) */
.datepick-month thead tr {
    background: #e6efff !important;
}

/* FORZA DEFINITIVAMENTE LA RIGA AZZURRA "Lu Ma Me..." */
.datepick thead,
.datepick thead tr,
.datepick thead th,
.datepick thead td,
.datepick thead * {
    background: none 
    !important;  /* azzurro chiaro */
}

.datepick-month thead th {
    font-size: 13px;
    font-weight: 500;
    color: #5f6c90;
    padding: 6px 0;
}

/* Rimuove tutti i bordi dalla riga delle intestazioni */
.datepick-month thead th,
.datepick-month thead tr,
.datepick-month thead td,
.datepick-month thead * {
    border: none !important;
    box-shadow: none !important;
}


/* linea divisoria sotto header */
.datepick-month thead + tbody tr:first-child td {
    border-top: 1px solid #e5e7eb;
}

/* ========== CELLE GIORNI (GRIGLIA COME FOTO4) ========== */

.datepick-month td {
    width: 40px !important;
    height: 40px !important;
    padding: 4px !important;
    text-align: center;
    border: none;
    background: transparent;
}

/* RESET dei bordi/sfondi della tabella SOLO dentro il calendario */

.datepick table,
.datepick table tr,
.datepick table th,
.datepick table td {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* numero del giorno */
.datepick-month td a,
.datepick-month td span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px !important;
    height: 28px !important;
    margin: 0 auto;
    border-radius: 4px;
    font-size: 13px;
    color: #1f2933;
    text-decoration: none;
}

/* ========== STATI SPECIALI ========== */

/* giorni non disponibili / altri mesi: quasi invisibili */
.datepick-month td span,
.datepick-month td .datepick-other-month,
.datepick-month td .mphb-past-date,
.datepick-month td .mphb-unavailable-date {
    color: #e5e7eb !important;
}

/* hover su giorno prenotabile */
.datepick-month td a:hover {
    background: #edf2ff;
}

/* oggi: sottolineato in blu */
.datepick-month td .datepick-today {
    position: relative;
}
.datepick-month td .datepick-today::after {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: 4px;
    height: 2px;
    background: #274b8f;
}

/* date selezionate / disponibili in verde chiaro */
.datepick-month td .datepick-selected,
.datepick-month td .datepick-highlight,
.datepick-month td .mphb-check-in-date,
.datepick-month td .mphb-check-out-date,
.datepick-month td .mphb-date-range,
.datepick-month td .mphb-bookable-date,
.datepick-month td .mphb-available-date {
    background: #e4f4d2 !important;
    color: #1f2933 !important;
}

/* ========== PREZZI SOTTO LE DATE (NASCOSTI) ========== */

.mphb-date-cell-price,
.mphb-price {
    display: none !important;
}

/* ========== SELECT MESE / ANNO ========== */

.datepick-month-header select {
    background-color: transparent !important;
    color: #274b8f !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 0 4px !important;
    height: auto !important;
    cursor: pointer;
}

.datepick-month-header select option {
    color: #274b8f !important;
    background-color: #ffffff !important;
}

/* =========================================================
   RESPONSIVE CALENDAR (mobile)
   ========================================================= */
@media (max-width: 480px) {

    /* il contenitore occupa tutta la larghezza */
    .datepick {
        max-width: 100% !important;
        border-radius: 0;
    }

    /* navbar più compatta */
    .datepick-nav {
        padding: 6px 8px !important;
        font-size: 13px !important;
    }

    .datepick-nav .datepick-cmd-prev,
    .datepick-nav .datepick-cmd-next {
        height: 32px !important;
        padding: 0 8px !important;
        font-size: 12px !important;
    }

    /* sempre e solo 1 mese per riga */
    .datepick-month-row {
        display: block !important;
    }

    .datepick-month {
        float: none !important;
        width: 100% !important;
        padding: 8px 8px 12px !important;
        box-sizing: border-box !important;
    }

    /* titolo mese/anno */
    .datepick-month-header {
        font-size: 14px !important;
        margin: 4px 0 6px !important;
    }

    .datepick-month-header select {
        font-size: 13px !important;
    }

    /* intestazioni giorni */
    .datepick-month thead th {
        font-size: 11px !important;
        padding: 4px 0 !important;
    }

    /* celle dei giorni – più piccole e senza bordi tema */
    .datepick-month td {
        width: 32px !important;
        height: 32px !important;
        padding: 2px 0 !important;
        text-align: center !important;
        border: none !important;
        background: transparent !important;
    }

    .datepick-month td a,
    .datepick-month td span {
        width: 26px !important;
        height: 26px !important;
        font-size: 12px !important;
        margin: 0 auto !important;
    }

    /* elimina qualunque bordo extra dal tema nella tabella */
    .datepick table,
    .datepick table tr,
    .datepick table th,
    .datepick table td {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }
}

/* ==========================================
   NAVBAR MOBILE — allineamento perfetto
   ========================================== */
/* ============================
   HEADER CALENDARIO – MOBILE
   ============================ */
@media (max-width: 480px) {

    /* il wrapper della nav diventa il riferimento */
    .datepick-nav {
        position: relative !important;
        display: block !important;
        text-align: center !important;
        padding: 10px 0 !important;
    }

    /* link "Oggi" centrato davvero */
    .datepick-nav .datepick-cmd-today {
        display: inline-block !important;
        margin: 0 auto !important;
        padding: 0 160px !important; /* spazio “virtuale” ai lati */
        font-size: 16px !important;
    }

    /* Prev / Succ assoluti ai lati */
    .datepick-nav .datepick-cmd-prev,
    .datepick-nav .datepick-cmd-next {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        height: auto !important;
        padding: 0 !important;
        background: none !important;   /* niente rettangoli blu grossi */
        font-size: 16px !important;
    }

    .datepick-nav .datepick-cmd-prev {
        left: -3px !important;         /* sposta più verso sinistra/destra a gusto tuo */
    }

    .datepick-nav .datepick-cmd-next {
        right: 18px !important;
    }
}/* End custom CSS */