/*
 * themes/classic-apv2/assets/css/custom.css
 *
 * Auto-loaded by PrestaShop as the "theme-custom" stylesheet (priority 1000,
 * registered in classes/controller/FrontController.php).
 * Use this file for site-wide cosmetic overrides that should not live in
 * vendor module files.
 */


/* =====================================================================
 * Module GLS (nkmgls) -- feedback visuel sur le champ telephone mobile
 *
 * Les classes is-gls-valid / is-gls-invalid sont posees par
 * themes/classic-apv2/assets/js/custom.js (validation independante du
 * JS du module, qui ne maintenait pas l'etat sur les champs pre-remplis
 * ou apres changement de transporteur).
 * ===================================================================== */

/* --- Etat invalide (vide ou numero non conforme) : rouge --- */
.gls-mobile.is-gls-invalid > label.form-control-label {
    color: #dc3545 !important;
}

.gls-mobile.is-gls-invalid > input.gls-customer-mobile,
.gls-mobile.is-gls-invalid > input.gls-customer-mobile:focus {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.15rem rgba(220, 53, 69, 0.15) !important;
}

/* --- Etat valide : vert + check au debut du label --- */
.gls-mobile.is-gls-valid > label.form-control-label {
    color: #1e9d55 !important;
    font-weight: 600;
}

.gls-mobile.is-gls-valid > label.form-control-label::before {
    content: "\2714";   /* ✔ heavy check mark, unicode -> aucune dependance FontAwesome */
    color: #1e9d55;
    margin-right: 8px;
    font-size: 1.05em;
    font-weight: 900;
}

.gls-mobile.is-gls-valid > input.gls-customer-mobile,
.gls-mobile.is-gls-valid > input.gls-customer-mobile:focus {
    color: #1e9d55 !important;
    border-color: #1e9d55 !important;
    box-shadow: 0 0 0 0.15rem rgba(30, 157, 85, 0.15) !important;
}