/* - agenda.css - */
/* change certains parametres de FullCalendar et ajoute les styles pour la fenetre popup */

body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f4f4f4;
    }

    #calendar {
      max-width: 1100px;
      margin: 40px auto;
      padding: 0 10px;
      background: white;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      padding: 20px;
    }
    
    :root {
    --fc-list-event-hover-bg-color: #d0d0f4;
    --fc-event-border-color: #00c0c0;
    --fc-event-bg-color: #3788d8;
    }
    
    /* default blue #3788d8 */
    /* bleu         #0d6efd */
    /* vert         #198754 */
    /* orange       #fd7e14 */
    /* jaune        #f0f000 */
    /* rouge        #FE6B64 */
    /* violet       #B29DD9 */
    /* rose         #FE5B84 */
    
    /* Couleurs par type d'événement */
    .event-tp { background-color: #0d6efd; color: white; }
    .event-cours { background-color: #198754; color: white; }
    .event-reunion { background-color: #fd7e14; color: white; }
    .event-other { background-color: #f0f000; color: white; }
    .event-holidays { background-color: #A6CE3A; color: white; }
    .event-holiday { background-color: #50dc50; color: white; }
    .event-mipslab { background-color: #FE6B64; color: white; }
    .event-mipslab_foyer { background-color: #B29DD9; color: white; }
    .event-fablab { background-color: #FE5B84; color: white; }
    .fc-event { border-radius: 4px; font-size: 0.85em; padding: 2px 4px; }
    
    /* Popup modal */
    #eventModal {
      display: none;
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0,0,0,0.5);
      z-index: 1000;
      justify-content: center;
      align-items: center;
    }

    #eventModal .modal-content {
      background: white;
      padding: 20px;
      border-radius: 8px;
      max-width: 400px;
      width: 90%;
      box-shadow: 0 2px 10px rgba(0,0,0,0.3);
      position: relative;
    }

    #eventModal .modal-content h2 {
      margin-top: 5px 0;
      font-size: 1.2em;
      color: #333;
    }

    #eventModal .modal-content p {
      margin: 5px 0;
    }

    #eventModal .close-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
      font-size: 1.2em;
      background: none;
      border: none;
      color: #888;
    }

    #eventModal .close-btn:hover {
      color: #000;
    }