#mlb-calendar .fc-event, #mlb-calendar .fc-daygrid-event{
  font-size:0.8em;white-space:normal;
}
.mlb-book-btn{
  background:#28a745;color:#fff;font-weight:bold;
  font-size:0.75em;padding:4px 8px;border:none;border-radius:3px;
  cursor:pointer;
}
.mlb-modal{
  display:none;position:fixed;top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:9999;
}
.mlb-modal.open{display:flex!important;}
.mlb-modal-content{
  background:#fff;padding:20px;border-radius:4px;position:relative;
  width:90%;max-width:400px;
}
#mlb-close{position:absolute;top:10px;right:10px;font-size:1.2em;cursor:pointer;}
#mlb-notice{
  display:none;position:fixed;top:40%;left:50%;transform:translateX(-50%);
  background:#28a745;color:#fff;padding:15px 20px;border-radius:4px;z-index:10000;text-align: center;
}
#mlb-notice.open{display:flex!important;}

/* classe comune per tutti i bottoni della notice */
.mlb-notice-btn {
  display: inline-block;
  font-size: 0.85rem;       /* testo più piccolo */
  padding: 4px 4px;         /* bottone compatto */
  margin: 0 8px;            /* spazio orizzontale */
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* stile del pulsante Annulla prenotazione */
.mlb-cancel-btn {
  background-color: #e74c3c; /* rosso acceso */
  color: #fff;
}

/* stile del pulsante Chiudi */
.mlb-dismiss-btn {
  background-color: #75818C; /* blu brillante */
  color: #fff;
}

/* (opzionale) hover effects */
.mlb-notice-btn:hover {
  opacity: 0.9;
}


/*   Stile tabella prenotazioni nel modal            
   Rendiamo il modal responsive e la tabella adattabile
-------------------------------------------------- */
   Stile compatto e responsive per il bookings-modal
-------------------------------------------------- */
/* ————————————————
   Stili per la lista dei prenotati
——————————————— */

/* Container del modal prenotazioni */
#mlb-bookings-modal .mlb-modal-content {
  position: relative;      /* per il posizionamento assoluto della X */
  width: 95vw;             /* occupa quasi tutta la finestra */
  max-width: 400px;        /* limite superiore a 400px */
  max-height: 85vh;        /* non più alto dell’85% della finestra */
  padding: 10px;           /* meno padding per restare compatto */
  font-size: 0.85rem;      /* caratteri piccoli ma leggibili */
  overflow: hidden;
}

/* “X” di chiusura in alto a destra */
#mlb-bookings-close {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 1.2em;
  cursor: pointer;
  color: #333;
  line-height: 1;
}

/* Contenuto scrollabile orizz. e vert. se troppo lungo */
#mlb-bookings-content {
  max-height: calc(85vh - 80px);  /* spazio per header e footer */
  overflow-y: auto;
  overflow-x: auto;
  padding: 6px;
}

/* Titolo interno */
#mlb-bookings-content h4 {
  margin: 0 0 0.5em;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}

/* Lista prenotati compatta */
/* ———————————————————————————————————————— */
.mlb-bookings-list {
  list-style: none;
  counter-reset: booking-counter; /* azzera contatore */
  padding: 0;
  margin: 0;
}

.mlb-bookings-list li {
  counter-increment: booking-counter; /* incrementa per ogni li */
  margin-bottom: 0.8em;
}

/* Numero “1. ” prima del nome */
.mlb-bookings-list li::before {
  content: counter(booking-counter) ". "; /* NB: “. ” include uno spazio non-spezzabile */
  font-weight: bold;
}

/* Nome sullo stesso rigo del numero */
.booking-name {
  display: inline;       /* mantiene numero+nome sulla stessa linea */
  font-weight: 500;
}

/* Contatti sulla riga successiva */
/* usiamo display:block per forzare il new-line */
.booking-email {
  display: inline-block; /* rimane unita alla propria mail */
  white-space: nowrap;   /* non spezza l’indirizzo */
  margin-top: 0.2em;
  margin-left: 1.6em;    /* indent sotto il nome+numero */
  font-size: 0.85rem;
}

.booking-phone {
  display: inline-block; /* rimane unito al numero */
  white-space: nowrap;   /* non spezza il numero */
  margin-left: 1em;      /* piccolo spazio tra mail e telefono */
  font-size: 0.85rem;
}

/* Se la riga è troppo lunga, abilita lo scroll orizzontale */
#mlb-bookings-content {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
/* ———————————————————————————————————————— */


/* ————————————————————————————
   Media query per schermi piccoli
———————————————————————————————— */
@media (max-width: 480px) {
  #mlb-bookings-modal .mlb-modal-content {
    width: 98vw;
    padding: 8px;
    font-size: 0.8rem;
  }
  .booking-email,
  .booking-phone {
    font-size: 0.75rem;
  }
}

/* ► MODIFICA: evidenzia gli utenti in lista d’attesa ◄ */
.mlb-bookings-list li.status-waitlist {
  opacity: .75;
  font-style: italic;
}