/*
 * chakra-container-styles.css - Styles pour les conteneurs des chakras
 * Ce fichier contient les styles des conteneurs pour la section des chakras
 * Déplacé depuis style.css
 */

/* Styles de base pour les conteneurs chakra */
.chakra-tree-container {
    background-color: transparent !important;
    isolation: isolate !important; /* Crée un nouveau stacking context */
}

#chakra-section {
    background-color: transparent !important;
}

/* Règles spécifiques de z-index pour les chakras */
.chakra {
    z-index: 5 !important;
    transform-style: flat !important; /* Éviter les problèmes de stacking avec transform-style: preserve-3d */
}

/* Traitement spécial pour le chakra violet (couronne) */
.chakra:nth-child(7) {
    z-index: -999 !important;
}

/* Z-index pour la légende des chakras */
.chakra-legend {
    z-index: 1 !important;
}