/**
 * DriveTrust ID - Mobile Tweaks
 * Petits ajustements pour mobile SANS casser le layout desktop zoomé
 * Modifie uniquement des détails (tailles de texte, boutons, espacement)
 */

/* S'active UNIQUEMENT sur mobile (< 768px) */
@media (max-width: 768px) {

    /* ===== EXEMPLES D'AJUSTEMENTS ===== */
    /* Décommente ceux que tu veux activer */

    /* ----- BOUTONS PLUS TACTILES ----- */
    /*
    button,
    .btn,
    input[type="submit"] {
        min-height: 44px !important;
        padding: 12px 16px !important;
    }
    */

    /* ----- TEXTE LÉGÈREMENT PLUS GROS ----- */
    /*
    body {
        font-size: 17px !important;
    }

    h1 {
        font-size: 28px !important;
    }

    h2 {
        font-size: 24px !important;
    }
    */

    /* ----- RÉDUIRE LES PADDINGS EXCESSIFS ----- */
    /*
    [style*="padding: 48px"] {
        padding: 24px !important;
    }

    [style*="padding: 40px"] {
        padding: 20px !important;
    }
    */

    /* ----- MENU NAVIGATION PLUS GRAND ----- */
    /*
    .nav-link {
        font-size: 16px !important;
        padding: 12px 16px !important;
    }
    */

    /* ----- INPUTS PLUS FACILES À CLIQUER ----- */
    /*
    input[type="text"],
    input[type="email"],
    input[type="password"],
    select {
        min-height: 44px !important;
        font-size: 16px !important;
    }
    */

    /* ----- MODALS MIEUX ADAPTÉS ----- */
    /*
    [style*="z-index: 10000"],
    [style*="z-index: 10001"] {
        bottom: 0 !important;
        top: auto !important;
        border-radius: 16px 16px 0 0 !important;
        max-height: 90vh !important;
    }
    */

    /* ----- CARTES PLUS COMPACTES ----- */
    /*
    [style*="padding: 24px"][style*="background: white"] {
        padding: 16px !important;
    }
    */

    /* ----- HEADER PLUS COMPACT ----- */
    /*
    .header {
        padding: 10px 16px !important;
    }

    .user-name {
        display: none !important;
    }
    */

}

/* ========================================= */
/* TES AJUSTEMENTS PERSO EN DESSOUS         */
/* ========================================= */

@media (max-width: 768px) {

    /* Exemple : Agrandir les boutons principaux */
    /*
    button[type="submit"] {
        font-size: 18px !important;
        padding: 14px 20px !important;
    }
    */

    /* Exemple : Header sticky sur mobile */
    /*
    .header {
        position: sticky !important;
        top: 0 !important;
        z-index: 100 !important;
    }
    */

    /* Exemple : Cacher certains éléments sur mobile */
    /*
    .hide-on-mobile {
        display: none !important;
    }
    */

}