/* Zoom global à 80% pour améliorer l'affichage */
/* Utilisation de zoom pour Chrome/Safari/Edge */
html {
    zoom: 0.8;
}

/* Pour Firefox et autres navigateurs qui ne supportent pas zoom */
/* On utilise transform avec compensation de largeur/hauteur */
@-moz-document url-prefix() {
    html {
        transform: scale(0.8);
        transform-origin: top left;
        width: 125%;
        height: 125%;
    }
    
    body {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
    }
}

/* Fallback pour tous les navigateurs avec transform */
@supports not (zoom: 1) {
    html {
        transform: scale(0.8);
        transform-origin: top left;
        width: 125%;
        height: 125%;
    }
    
    body {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
    }
}