/* ========================================
   CORRECTION SCROLL VUE HIÉRARCHIQUE V2
   ======================================== */

/* Correction générale pour tous les écrans */
.hierarchique-v2-container {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

/* Correction pour les conteneurs de liste */
.objectif-strategique-list,
.objectif-specifique-list,
.action-list,
.sous-action-list {
    overflow-x: auto !important;
    overflow-y: auto !important;
    max-height: 70vh;
    -webkit-overflow-scrolling: touch;
}

/* Correction pour les tableaux */
.hierarchique-table {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

/* Correction pour les modals */
.hierarchique-modal .modal-body {
    overflow-x: auto !important;
    overflow-y: auto !important;
    max-height: 80vh;
    -webkit-overflow-scrolling: touch;
}

/* Correction pour les cards */
.hierarchique-card {
    overflow: visible !important;
}

.hierarchique-card .card-body {
    overflow: visible !important;
}

/* ========================================
   CORRECTION RESPONSIVE
   ======================================== */

/* Mobile (≤ 768px) */
@media (max-width: 768px) {
    .hierarchique-v2-container {
        overflow-x: auto !important;
        overflow-y: auto !important;
        padding: 0.5rem;
    }
    
    .objectif-strategique-list,
    .objectif-specifique-list,
    .action-list,
    .sous-action-list {
        overflow-x: auto !important;
        overflow-y: auto !important;
        max-height: 60vh;
    }
    
    .hierarchique-table {
        overflow-x: auto !important;
        overflow-y: auto !important;
        font-size: 0.875rem;
    }
    
    .hierarchique-modal .modal-body {
        overflow-x: auto !important;
        overflow-y: auto !important;
        max-height: 70vh;
        padding: 1rem;
    }
}

/* Tablette (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    .hierarchique-v2-container {
        overflow-x: auto !important;
        overflow-y: auto !important;
        padding: 1rem;
    }
    
    .objectif-strategique-list,
    .objectif-specifique-list,
    .action-list,
    .sous-action-list {
        overflow-x: auto !important;
        overflow-y: auto !important;
        max-height: 65vh;
    }
    
    .hierarchique-table {
        overflow-x: auto !important;
        overflow-y: auto !important;
    }
    
    .hierarchique-modal .modal-body {
        overflow-x: auto !important;
        overflow-y: auto !important;
        max-height: 75vh;
    }
}

/* Desktop (≥ 1025px) */
@media (min-width: 1025px) {
    .hierarchique-v2-container {
        overflow-x: auto !important;
        overflow-y: auto !important;
        padding: 1.5rem;
    }
    
    .objectif-strategique-list,
    .objectif-specifique-list,
    .action-list,
    .sous-action-list {
        overflow-x: auto !important;
        overflow-y: auto !important;
        max-height: 70vh;
    }
    
    .hierarchique-table {
        overflow-x: auto !important;
        overflow-y: auto !important;
    }
    
    .hierarchique-modal .modal-body {
        overflow-x: auto !important;
        overflow-y: auto !important;
        max-height: 80vh;
    }
}

/* ========================================
   CORRECTION SPÉCIFIQUE POUR SCROLLBARS
   ======================================== */

/* Masquer les scrollbars sur mobile mais garder la fonctionnalité */
@media (max-width: 768px) {
    .hierarchique-v2-container::-webkit-scrollbar,
    .objectif-strategique-list::-webkit-scrollbar,
    .objectif-specifique-list::-webkit-scrollbar,
    .action-list::-webkit-scrollbar,
    .sous-action-list::-webkit-scrollbar,
    .hierarchique-table::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    
    .hierarchique-v2-container::-webkit-scrollbar-track,
    .objectif-strategique-list::-webkit-scrollbar-track,
    .objectif-specifique-list::-webkit-scrollbar-track,
    .action-list::-webkit-scrollbar-track,
    .sous-action-list::-webkit-scrollbar-track,
    .hierarchique-table::-webkit-scrollbar-track {
        background: transparent;
    }
    
    .hierarchique-v2-container::-webkit-scrollbar-thumb,
    .objectif-strategique-list::-webkit-scrollbar-thumb,
    .objectif-specifique-list::-webkit-scrollbar-thumb,
    .action-list::-webkit-scrollbar-thumb,
    .sous-action-list::-webkit-scrollbar-thumb,
    .hierarchique-table::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 2px;
    }
}

/* Scrollbars visibles sur desktop */
@media (min-width: 769px) {
    .hierarchique-v2-container::-webkit-scrollbar,
    .objectif-strategique-list::-webkit-scrollbar,
    .objectif-specifique-list::-webkit-scrollbar,
    .action-list::-webkit-scrollbar,
    .sous-action-list::-webkit-scrollbar,
    .hierarchique-table::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
    
    .hierarchique-v2-container::-webkit-scrollbar-track,
    .objectif-strategique-list::-webkit-scrollbar-track,
    .objectif-specifique-list::-webkit-scrollbar-track,
    .action-list::-webkit-scrollbar-track,
    .sous-action-list::-webkit-scrollbar-track,
    .hierarchique-table::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }
    
    .hierarchique-v2-container::-webkit-scrollbar-thumb,
    .objectif-strategique-list::-webkit-scrollbar-thumb,
    .objectif-specifique-list::-webkit-scrollbar-thumb,
    .action-list::-webkit-scrollbar-thumb,
    .sous-action-list::-webkit-scrollbar-thumb,
    .hierarchique-table::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 4px;
    }
    
    .hierarchique-v2-container::-webkit-scrollbar-thumb:hover,
    .objectif-strategique-list::-webkit-scrollbar-thumb:hover,
    .objectif-specifique-list::-webkit-scrollbar-thumb:hover,
    .action-list::-webkit-scrollbar-thumb:hover,
    .sous-action-list::-webkit-scrollbar-thumb:hover,
    .hierarchique-table::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8;
    }
}

/* ========================================
   FIN CORRECTION SCROLL VUE HIÉRARCHIQUE V2
   ======================================== */