/* 
 * Capacitor Optimized CSS
 * Version: 2024.08.26.02
 * Optimisations spécifiques pour les applications Capacitor
 */

.capacitor-app {
    /* Empêche le débordement horizontal */
    overflow-x: hidden;
    width: 100vw;
    height: 100vh;
    position: fixed;
}

/* Correction du flou des textes pour Capacitor */
.capacitor-app * {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    backface-visibility: hidden;
}

/* Safe area insets pour iPhone X et modèles récents */
.capacitor-app .header {
    padding-top: calc(10px + env(safe-area-inset-top)) !important;
    padding-left: calc(15px + env(safe-area-inset-left)) !important;
    padding-right: calc(15px + env(safe-area-inset-right)) !important;
}

/* Correction des inputs iOS dans Capacitor */
.capacitor-app input, 
.capacitor-app select, 
.capacitor-app textarea {
    font-size: 16px !important;
    transform: translateZ(0);
}

/* Optimisations tactiles */
.capacitor-app .btn:active,
.capacitor-app [role="button"]:active {
    transform: scale(0.97) !important;
}

/* Correction hauteur viewport */
.capacitor-app body {
    height: 100vh !important;
    overflow: hidden !important;
    position: fixed !important;
    width: 100vw !important;
}

/* Corrections pour les erreurs 404 */
.capacitor-app .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}