/* CORRECTION BOUTON ET FORMULAIRE MOBILE - AB2S */
/* Ce fichier force l'affichage correct sur mobile */

.mobile-text {
    display: none !important;
}

.desktop-text {
    display: inline !important;
}

@media (max-width: 768px) {
    .mobile-text {
        display: inline !important;
    }
    
    .desktop-text {
        display: none !important;
    }
    
    #btn-candidature,
    #btn-candidature-modal {
        font-size: 0.95rem !important;
        padding: 1rem 0.5rem !important;
        white-space: nowrap !important;
    }
    
    /* FORMULAIRE CANDIDATURE MOBILE */
    #candidature-modal {
        padding: 0.5rem !important;
    }
    
    #candidature-modal > div {
        margin: 0.5rem auto !important;
        max-width: 100% !important;
    }
    
    #candidature-modal > div > div {
        padding: 1rem !important;
        border-radius: 12px !important;
    }
    
    #candidature-modal h2 {
        font-size: 1.25rem !important;
    }
    
    #candidature-modal h3 {
        font-size: 1.1rem !important;
    }
    
    #candidature-modal p {
        font-size: 0.9rem !important;
    }
    
    #candidature-modal .form-grid-2,
    #candidature-modal .postes-grid,
    #candidature-form .form-grid-2,
    #candidature-form .postes-grid {
        grid-template-columns: 1fr !important;
        gap: 0.5rem !important;
    }
    
    #candidature-modal input,
    #candidature-modal select,
    #candidature-modal textarea,
    #candidature-form input,
    #candidature-form select,
    #candidature-form textarea {
        font-size: 16px !important;
        padding: 0.75rem !important;
    }
    
    #candidature-modal label,
    #candidature-form label {
        font-size: 0.9rem !important;
    }
    
    /* Checkbox postes plus compacts */
    #candidature-modal .postes-grid label,
    #candidature-form .postes-grid label {
        padding: 0.5rem 0.75rem !important;
        font-size: 0.85rem !important;
    }
    
    #candidature-modal .postes-grid span,
    #candidature-form .postes-grid span {
        font-size: 0.85rem !important;
    }
}

@media (max-width: 480px) {
    #btn-candidature,
    #btn-candidature-modal {
        font-size: 0.9rem !important;
        padding: 0.9rem 0.4rem !important;
    }
    
    #candidature-modal > div > div {
        padding: 0.75rem !important;
    }
    
    #candidature-modal h2 {
        font-size: 1.1rem !important;
    }
    
    #candidature-modal h3 {
        font-size: 1rem !important;
    }
}