/* === style.css — stabilité de police & formulaires ===
   À placer après tes autres styles, ou lie ce fichier en dernier. */

/* Empêche les changements de taille automatiques sur mobile/Chrome */
html, body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Police unifiée sur tout le site et sur les contrôles de formulaire */
body,
input,
button,
select,
textarea {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Hérite les tailles du conteneur + hauteur de ligne stable */
input,
button,
select,
textarea {
    font: inherit;
    line-height: 1.3;
}

    /* Taille mini confortable pour éviter le “saut” au focus dans Chrome */
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="search"],
    textarea,
    select {
        font-size: 16px !important;
    }

/* WebForms : champs de login et états désactivés */
.login input,
.login input:focus,
.login input::placeholder,
.aspNetDisabled {
    font-size: 16px !important;
    line-height: 1.3 !important;
}

/* Neutralise le style autofill Chrome/Edge (fond jaune/typo forcée) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: inherit;
    box-shadow: 0 0 0 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
    font: inherit !important;
}

/* Utilitaires */
.hidden {
    display: none !important;
}

.flex {
    display: flex !important;
}

/* ====== Zone login : taille stable sans dépendre du vw ====== */
.login-card {
    font-size: 18px;
}
/* base */
@media (min-width: 480px) {
    .login-card {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .login-card {
        font-size: 19px;
    }
}

@media (min-width: 1024px) {
    .login-card {
        font-size: 20px;
    }
}

/* Les champs héritent exactement de la taille de .login-card */
.login-card input,
.login-card select,
.login-card textarea {
    font-size: 1em !important;
    line-height: 1.3 !important;
    font-family: inherit !important;
}

/* Spécificité renforcée si un style tiers gagne avant focus */
form#form1 .login-card input.textbox {
    font-size: 1em !important;
}