/*
 * critical-tooltip-styles.css - Styles critiques pour les tooltips
 * Ce fichier contient les styles critiques pour les tooltips qui doivent être chargés immédiatement
 * Déplacé depuis les styles inline de index.html
 */

/* Styles critiques pour les tooltips qui doivent être chargés immédiatement */
.tooltip {
    z-index: 999999999 !important;
    position: fixed !important; /* Position fixed pour être au-dessus de tout */
    pointer-events: auto !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
    transition: opacity 0.2s ease !important;
    animation: none !important;
}

/* Styles spéciaux pour les clones de tooltips qui sont toujours au-dessus */
.tooltip-clone {
    position: fixed !important;
    z-index: 2147483647 !important; /* Valeur max pour z-index */
    background-color: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5) !important;
    border: 2px solid rgba(255, 255, 255, 0.9) !important;
    border-radius: 8px !important;
    padding: 15px !important;
    pointer-events: auto !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    max-width: 90vw !important;
    overflow: visible !important;
}

/* S'assurer que le tooltip est détaché du stacking context du chakra */
body .chakra .tooltip {
    transform: none; /* Réinitialiser transform qui peut créer un nouveau stacking context */
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: 90vw !important;
    width: auto !important;
}