/* ============================================ */
/* NEUTRALISATION DES MEDIA QUERIES RESPONSIVE */
/* Pour xmind.html - empêche la déformation lors du zoom navigateur */
/* ============================================ */

/* Forcer le layout clockwise à rester horizontal TOUJOURS */
/* même quand la fenêtre est < 1200px (zoom navigateur) */
@media (max-width: 1200px) {
    .layout-map-clockwise .mindmap-global-container {
        flex-direction: row !important;
        gap: 0 !important;
    }

    .layout-map-clockwise .branches-left {
        align-items: flex-end !important;
    }

    .layout-map-clockwise .branches-right {
        align-items: flex-start !important;
    }

    /* Branches de GAUCHE : row-reverse pour qu'elles se déploient vers la gauche */
    .layout-map-clockwise .branches-left .branch {
        flex-direction: row-reverse !important;
    }

    /* Branches de DROITE : row normal pour qu'elles se déploient vers la droite */
    .layout-map-clockwise .branches-right .branch {
        flex-direction: row !important;
    }

    .layout-map-clockwise .branches-left .children-container {
        margin: 0 60px 0 0 !important;
    }

    .layout-map-clockwise .branches-right .children-container {
        margin: 0 0 0 60px !important;
    }
}