/* ================================================
   SOLUTION DÉFINITIVE - NAVBAR ET COMPTEUR FIXES
   Position fixed + z-index élevé + compensation hauteur
   Compatible tous navigateurs (Chrome, Edge, Firefox, Safari)
   Compatible mobile et desktop
   ================================================ */

/* NAVBAR - TOUJOURS VISIBLE EN HAUT */
.navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
}

/* COMPTEUR VISITEURS - TOUJOURS VISIBLE EN BAS À DROITE */
.visitor-counter {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 9998 !important;
}

/* COMPENSATION HAUTEUR NAVBAR - Éviter chevauchement du contenu */
body {
    padding-top: 105px !important; /* Hauteur navbar (75px logo + 30px padding) */
}

/* Ajustement pour la section hero qui est déjà gérée */
.hero {
    margin-top: 0 !important;
}

/* Mobile - Ajustements responsive */
@media (max-width: 768px) {
    body {
        padding-top: 90px !important; /* Navbar plus petite sur mobile */
    }
    
    .visitor-counter {
        bottom: 15px !important;
        right: 15px !important;
    }
}

@media (max-width: 480px) {
    body {
        padding-top: 80px !important;
    }
    
    .visitor-counter {
        bottom: 10px !important;
        right: 10px !important;
    }
}

/* Garantir la visibilité (au cas où d'autres CSS interfèrent) */
.navbar,
.visitor-counter {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}