.elementor-7580 .elementor-element.elementor-element-72cffbb{--swiper-slides-to-display:3;--swiper-slides-gap:16px;width:100%;max-width:100%;--dots-normal-color:var( --e-global-color-8ab29be );--swiper-pagination-spacing:16px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7580 .elementor-element.elementor-element-09ffd11{width:100%;max-width:100%;}.elementor-7580 .elementor-element.elementor-element-72cffbb{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-7580 .elementor-element.elementor-element-72cffbb{--swiper-slides-to-display:1;}}/* Start custom CSS for MEC, class: .elementor-element-09ffd11 *//* =========================================================
   MEC MONTHLY VIEW — NOVEL — PWA
   Versione consolidata
   ========================================================= */


/* ---------------------------------------------------------
   1. CONTENIMENTO
   Mantiene il calendario entro la larghezza disponibile
   --------------------------------------------------------- */

.elementor-7580 .elementor-element.elementor-element-09ffd11,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .elementor-widget-container,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-wrap,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar-side,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar-table,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-month-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.elementor-7580 .elementor-element.elementor-element-09ffd11 {
    overflow-x: hidden;
}


/* ---------------------------------------------------------
   2. FONT INTER
   Non tocchiamo le icon font di MEC
   --------------------------------------------------------- */

.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar a,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar button,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar dt,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar dd,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar h2,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar h3,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar h4,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar h5,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar h6,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-event-title {
    font-family: "Inter", sans-serif !important;
}


/* ---------------------------------------------------------
   3. NOME DEL MESE CORRENTE
   --------------------------------------------------------- */

.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar-header h2 {
    font-family: "Inter", sans-serif !important;

    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    text-transform: uppercase !important;
    letter-spacing: 0.10em !important;

    color: #5B6472 !important;

    text-align: center !important;
}


/* ---------------------------------------------------------
   4. NAVIGAZIONE MESE PRECEDENTE / SUCCESSIVO
   --------------------------------------------------------- */

.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-previous-month .mec-load-month-link,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-next-month .mec-load-month-link {
    font-family: "Inter", sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    color: #181818 !important;
    text-decoration: none !important;
}


/* Frecce */

.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-previous-month .mec-load-month-link i,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-next-month .mec-load-month-link i {
    color: #002147 !important;
}


/* ---------------------------------------------------------
   5. TESTATA GIORNI DELLA SETTIMANA
   Fix larghezza Novel
   --------------------------------------------------------- */

.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar-table-head {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
    overflow: hidden !important;

    background: #F5F6F7 !important;
}

.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar-table-head .mec-calendar-day-head {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    box-sizing: border-box !important;

    font-family: "Inter", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;

    color: #6B7280 !important;

    text-align: center !important;
}


/* ---------------------------------------------------------
   6. NUMERI DEI GIORNI
   --------------------------------------------------------- */

.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar-day {
    font-family: "Inter", sans-serif !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    color: #181818 !important;
}


/* Giorni del mese precedente / successivo */

.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-table-nullday,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar-day.mec-other-month {
    font-family: "Inter", sans-serif !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    color: #A3ABB7 !important;
}


/* ---------------------------------------------------------
   7. GIORNO CORRENTE / SELEZIONATO
   --------------------------------------------------------- */

.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar-day.mec-selected-day,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar-novel-selected-day {
    color: #002147 !important;
    font-weight: 600 !important;
}


/* ---------------------------------------------------------
   8. EVENTI NOVEL
   Manteniamo colori e struttura nativi di MEC
   --------------------------------------------------------- */

.elementor-7580 .elementor-element.elementor-element-09ffd11 .event-single-link-novel,
.elementor-7580 .elementor-element.elementor-element-09ffd11 .event-single-link-novel .mec-event-title {
    font-family: "Inter", sans-serif !important;
}


/* Titolo evento */

.elementor-7580 .elementor-element.elementor-element-09ffd11 .event-single-link-novel .mec-event-title {
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {


    /* -----------------------------------------------------
       Mese corrente
       ----------------------------------------------------- */

    .elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar-header h2 {
        font-size: 16px !important;
        letter-spacing: 0.08em !important;
    }


    /* -----------------------------------------------------
       Navigazione
       Nasconde i nomi dei mesi adiacenti,
       conservando le frecce native MEC
       ----------------------------------------------------- */

    .elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-previous-month .mec-load-month-link,
    .elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-next-month .mec-load-month-link {
        font-size: 0 !important;
        line-height: 1 !important;
    }

    .elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-previous-month .mec-load-month-link i,
    .elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-next-month .mec-load-month-link i {
        font-size: 20px !important;
        line-height: 1 !important;

        visibility: visible !important;
    }


    /* -----------------------------------------------------
       Table head
       ----------------------------------------------------- */

    .elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar-table-head {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar-table-head .mec-calendar-day-head {
        padding-left: 0 !important;
        padding-right: 0 !important;

        font-size: 11px !important;
    }


    /* -----------------------------------------------------
       Numeri dei giorni
       ----------------------------------------------------- */

    .elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar-day,
    .elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-table-nullday,
    .elementor-7580 .elementor-element.elementor-element-09ffd11 .mec-calendar-day.mec-other-month {
        font-size: 14px !important;
    }

}/* End custom CSS */