/* Optimisations Mobile PWA - Conserve le design existant */

/* Amélioration des zones tactiles */
@media (max-width: 768px) {
    /* Zones tactiles optimisées */
    a, button, .lux-btn, .lux-nav-link {
        min-height: 44px;
        min-width: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Espacement pour éviter les clics accidentels */
    .lux-nav__menu li {
        margin: 4px 0;
    }
    
    /* Optimisation du menu burger mobile */
    .lux-burger {
        width: 50px;
        height: 50px;
        padding: 12px;
    }
    
    /* Meilleure lisibilité sur mobile */
    .lux-display-xl {
        font-size: 2rem;
        line-height: 1.2;
    }
    
    .lux-display-l {
        font-size: 1.75rem;
        line-height: 1.3;
    }
    
    .lux-display-m {
        font-size: 1.5rem;
        line-height: 1.3;
    }
    
    /* Scroll horizontal optimisé */
    .lux-grid-3, .lux-grid-4 {
        gap: 16px;
    }
    
    /* Padding augmenté pour les conteneurs sur mobile */
    .lux-container {
        padding: 0 16px;
    }
    
    /* Section padding réduit sur mobile */
    .lux-section {
        padding: 40px 0;
    }
    
    /* Footer compact sur mobile */
    .lux-footer__top {
        flex-direction: column;
        gap: 32px;
    }
    
    /* Optimisation des formulaires */
    input, select, textarea {
        font-size: 16px; /* Évite le zoom iOS */
        padding: 12px;
    }
    
    /* Cards optimisées pour le touch */
    .lux-feature, .lux-pillar {
        min-height: 200px;
    }
}

/* Prévention du pull-to-refresh dans le mode standalone */
@media (display-mode: standalone) {
    body {
        overscroll-behavior-y: contain;
    }
}

/* Amélioration du scrolling */
html {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* Amélioration du focus pour l'accessibilité */
:focus-visible {
    outline: 2px solid var(--senegal-green);
    outline-offset: 2px;
}

/* Optimisation des images */
img {
    max-width: 100%;
    height: auto;
}

/* Prévention du text selection accidentelle sur les éléments interactifs */
.lux-btn, .lux-nav-link, a {
    -webkit-tap-highlight-color: rgba(0, 133, 63, 0.1);
    user-select: none;
}

/* Gestion du retour arrière Android */
@media (display-mode: standalone) {
    /* Assurer que les liens internes restent dans l'app */
    a[href^="/"], a[href^="#"] {
        /* Les liens internes sont gérés normalement */
    }
}

/* Placeholder color optimisé */
::placeholder {
    color: rgba(0, 0, 0, 0.4);
    opacity: 1;
}

/* Optimisation de la performance d'affichage */
.lux-reveal, .lux-reveal-stagger {
    will-change: opacity, transform;
}

/* Gestion du clavier virtuel */
@media (max-width: 768px) {
    input:focus, textarea:focus, select:focus {
        position: relative;
        z-index: 10;
    }
}

/* Amélioration des notifications PWA */
.pwa-update-notification, .pwa-install-prompt {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Orientation landscape optimisée */
@media (max-width: 768px) and (orientation: landscape) {
    .lux-hero {
        min-height: 60vh;
    }
    
    .lux-section {
        padding: 24px 0;
    }
}