.elementor-324 .elementor-element.elementor-element-745d0bc{--display:flex;}/* Start custom CSS *//* ==========================================================
   CALENDARIO EVENTI SAT
   SearchKit Calendar 2.2 / FullCalendar 6
   ========================================================== */


/* ----------------------------------------------------------
   1. CONTENITORE GENERALE
   ---------------------------------------------------------- */

.crm-container crm-search-display-calendar {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.crm-container crm-search-display-calendar .sk-calendar,
.crm-container crm-search-display-calendar .fc {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}


/* ----------------------------------------------------------
   2. GIORNI DELLA SETTIMANA CENTRATI
   lun – mar – mer – gio – ven – sab – dom
   ---------------------------------------------------------- */

.crm-container
crm-search-display-calendar
.fc .fc-col-header-cell {
  text-align: center !important;
}

.crm-container
crm-search-display-calendar
.fc .fc-col-header-cell-cushion {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}


/* ----------------------------------------------------------
   3. NUMERO DEL GIORNO CENTRATO
   ---------------------------------------------------------- */

.crm-container
crm-search-display-calendar
.fc .fc-daygrid-day-top {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
}

.crm-container
crm-search-display-calendar
.fc .fc-daygrid-day-number {
  display: inline-block !important;
  text-align: center !important;
}


/* ----------------------------------------------------------
   4. PULSANTI CALENDARIO — COLORI SAT
   Arancio principale: #E0280C
   ---------------------------------------------------------- */

.crm-container
crm-search-display-calendar
.fc .fc-button-primary {
  color: #ffffff !important;
  background: #e0280c !important;
  background-image: none !important;
  border: 1px solid #e0280c !important;
  box-shadow: none !important;
}

.crm-container
crm-search-display-calendar
.fc .fc-button-primary:not(:disabled):hover {
  color: #ffffff !important;
  background: #b7220a !important;
  border-color: #b7220a !important;
}

.crm-container
crm-search-display-calendar
.fc .fc-button-primary:not(:disabled):active,
.crm-container
crm-search-display-calendar
.fc .fc-button-primary.fc-button-active {
  color: #ffffff !important;
  background: #971b08 !important;
  border-color: #971b08 !important;
}

.crm-container
crm-search-display-calendar
.fc .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgb(224 40 12 / 30%) !important;
}

.crm-container
crm-search-display-calendar
.fc .fc-button-primary:disabled {
  color: #ffffff !important;
  background: #e0280c !important;
  border-color: #e0280c !important;
  opacity: 0.5 !important;
}


/* ----------------------------------------------------------
   5. RESPONSIVE — TABLET E TELEFONO

   Ripristina il modello tabella di FullCalendar, impedendo
   alla regola display:contents di Riverlea di disallineare
   giorni, colonne ed eventi.
   ---------------------------------------------------------- */

@media screen and (max-width: 1024px) {

  .crm-container
  crm-search-display-calendar
  .fc table {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
  }

  .crm-container
  crm-search-display-calendar
  .fc .fc-scrollgrid,
  .crm-container
  crm-search-display-calendar
  .fc .fc-scrollgrid table {
    table-layout: fixed !important;
  }

  /* Neutralizza il ridimensionamento delle tabelle annidate
     applicato dal tema WordPress */

  .crm-container
  crm-search-display-calendar
  .fc table table {
    font-size: 1em !important;
  }

  .crm-container
  crm-search-display-calendar
  .fc table table th,
  .crm-container
  crm-search-display-calendar
  .fc table table td {
    padding: 0 !important;
    line-height: inherit !important;
  }


  /* --------------------------------------------------------
     6. BARRA DI NAVIGAZIONE RESPONSIVE

     Titolo, navigazione e selezione vista su tre righe
     -------------------------------------------------------- */

  .crm-container
  crm-search-display-calendar
  .fc .fc-header-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    place-items: center !important;
    gap: 0.55rem !important;
    width: 100% !important;
    margin-bottom: 1rem !important;
  }

  .crm-container
  crm-search-display-calendar
  .fc .fc-header-toolbar > .fc-toolbar-chunk {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Titolo del mese */

  .crm-container
  crm-search-display-calendar
  .fc .fc-header-toolbar > .fc-toolbar-chunk:nth-child(2) {
    grid-row: 1 !important;
  }

  /* Pulsanti precedente, successivo e oggi */

  .crm-container
  crm-search-display-calendar
  .fc .fc-header-toolbar > .fc-toolbar-chunk:nth-child(1) {
    grid-row: 2 !important;
  }

  /* Pulsanti mese, settimana, giorno ed elenco */

  .crm-container
  crm-search-display-calendar
  .fc .fc-header-toolbar > .fc-toolbar-chunk:nth-child(3) {
    grid-row: 3 !important;
    overflow-x: auto !important;
  }

  .crm-container
  crm-search-display-calendar
  .fc .fc-toolbar-title {
    margin: 0 !important;
    font-size: 1.45rem !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  .crm-container
  crm-search-display-calendar
  .fc .fc-button {
    padding: 0.35em 0.5em !important;
    font-size: 0.8rem !important;
  }


  /* --------------------------------------------------------
     7. CELLE ED EVENTI
     -------------------------------------------------------- */

  .crm-container
  crm-search-display-calendar
  .fc .fc-daygrid-day-frame {
    min-height: 4.5rem !important;
  }

  .crm-container
  crm-search-display-calendar
  .fc .fc-daygrid-event {
    max-width: 100% !important;
    overflow: hidden !important;
    font-size: 0.72rem !important;
  }

  .crm-container
  crm-search-display-calendar
  .fc .fc-event-time,
  .crm-container
  crm-search-display-calendar
  .fc .fc-event-title {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}


/* ----------------------------------------------------------
   8. TELEFONI STRETTI
   ---------------------------------------------------------- */

@media screen and (max-width: 480px) {

  .crm-container
  crm-search-display-calendar
  .fc .fc-button {
    padding: 0.32em 0.4em !important;
    font-size: 0.7rem !important;
  }

  .crm-container
  crm-search-display-calendar
  .fc .fc-toolbar-title {
    font-size: 1.3rem !important;
  }

  .crm-container
  crm-search-display-calendar
  .fc .fc-col-header-cell-cushion,
  .crm-container
  crm-search-display-calendar
  .fc .fc-daygrid-day-number {
    font-size: 0.76rem !important;
  }

  .crm-container
  crm-search-display-calendar
  .fc .fc-daygrid-day-frame {
    min-height: 4rem !important;
  }
}


/* ==========================================================
   INTESTAZIONE SAT — VERSIONE MOBILE
   ========================================================== */

@media screen and (max-width: 900px) {

  #sat-site-header .sat-h__inner {
    padding: 14px 16px !important;
    min-height: 104px !important;
    display: grid !important;
    grid-template-columns:
      minmax(0, 1fr)
      auto
      minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  #sat-site-header .sat-h__brand {
    grid-area: 1 / 2 !important;
    width: 76px !important;
    height: 76px !important;
    justify-self: center !important;
  }

  #sat-site-header .sat-h__toggle {
    grid-area: 1 / 1 !important;
    margin: 0 !important;
    justify-self: start !important;
    width: 44px !important;
    min-height: 44px !important;
    padding: 10px !important;
    font-size: 0 !important;
  }

  #sat-site-header .sat-h__cta {
    grid-area: 1 / 3 !important;
    justify-self: end !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    white-space: normal !important;
    text-align: center !important;
  }

  #sat-site-header .sat-h__cta span:last-child {
    display: none !important;
  }
}/* End custom CSS */