/* ===== Responsive mobile : vue liste + fleches dans l'ecran ===== */
@media (max-width: 768px) {
    /* Toolbar remise en flux normal (flexbox), au-dessus du calendrier.
       On neutralise TOUT le positionnement absolu desktop (top:50%, left/right:-80px). */
    body .fc .fc-toolbar,
    body .fc .fc-header-toolbar,
    body .fc.fc-month .fc-toolbar {
        position: relative !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin: 0 0 12px 0 !important;
        min-height: 44px;
        padding: 0 4px;
    }
    /* Chaque groupe revient dans le flux, sans position absolue */
    body .fc .fc-toolbar > .fc-left,
    body .fc .fc-toolbar > .fc-center,
    body .fc .fc-toolbar > .fc-right,
    body .fc.fc-month .fc-toolbar > .fc-left,
    body .fc.fc-month .fc-toolbar > .fc-center,
    body .fc.fc-month .fc-toolbar > .fc-right {
        position: static !important;
        float: none !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 0 !important;
        background: none !important;
    }
    /* Fleches : dans le flux, cliquables, cote a cote */
    body .fc .fc-toolbar > .fc-left {
        display: flex;
        gap: 6px;
        order: 1;
        flex: 0 0 auto;
    }
    body .fc .fc-toolbar > .fc-center {
        order: 2;
        flex: 1 1 auto;
        text-align: center;
        padding: 0 6px !important;
    }
    body .fc .fc-toolbar > .fc-right {
        order: 3;
        flex: 0 0 auto;
    }
    /* Boutons prev/next : remis en position statique (annule top:-14px, absolute, left/right desktop) */
    body .fc .fc-toolbar > .fc-left > button,
    body .fc .fc-toolbar > .fc-left > button:first-child,
    body .fc .fc-toolbar > .fc-left > button:last-child {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 0 !important;
        z-index: auto;
    }
    body .fc .fc-toolbar > .fc-left > button > span {
        margin: 0 !important;
    }
    /* Titre : plus petit pour tenir sur une ligne */
    body .fc .fc-toolbar h2 {
        font-size: 15px;
        line-height: 1.2;
        margin: 0;
        white-space: nowrap;
    }
    /* Vue mois : le titre centre desktop revient dans le flux */
    body .fc.fc-month .fc-toolbar > .fc-center > h2 {
        padding: 0 !important;
        color: inherit !important;
    }
    body .fc.fc-month .fc-view-container {
        margin-top: 0 !important;
    }
    /* Vue liste : plein largeur, on retire les marges reservees aux fleches desktop */
    body .fc .fc-head .fc-head-container .fc-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    body .mCSB_container,
    body .mCSB_inside > .mCSB_container {
        margin-right: 0 !important;
    }
    /* Items de la liste : lisibles et cliquables au doigt */
    body .fc .fc-list-table td {
        padding: 12px 10px;
        font-size: 15px;
    }
    body .fc .fc-list-item {
        cursor: pointer;
    }
    body .fc .fc-list-heading td {
        font-size: 14px;
    }
    /* Le bouton "Voir toutes les disponibilites" n'a pas de sens en liste */
    .open_full {
        display: none !important;
    }
}