/* ========================================
   Auto 80% Zoom for Desktop
   ======================================== */

/* Apply zoom to desktop (769px and above) */
@media screen and (min-width: 769px) {
    html:not(.no-zoom) {
        zoom: 0.8;
    }
    
    /* Firefox fallback */
    @supports not (zoom: 0.8) {
        html:not(.no-zoom) {
            transform: scale(0.8);
            transform-origin: 0 0;
        }
        
        html:not(.no-zoom) body {
            width: 125%;
        }
    }
}

/* Keep normal zoom on mobile/tablet */
@media screen and (max-width: 768px) {
    html {
        zoom: 1 !important;
        transform: none !important;
    }
    
    body {
        width: 100% !important;
    }
}

/* Exception pages (CKEditor, forms, etc.) */
html.no-zoom {
    zoom: 1 !important;
    transform: none !important;
}

html.no-zoom body {
    width: 100% !important;
}