/* WASAC demo — feuille de marque chargée par index.html (seul moyen de styler la page d'accueil,
   dont Element retire class et style). Généré par wasac-platform. Couleurs : client.env. */

/* ---- Page d'accueil (#/welcome) : tout centré ---- */
.mx_WelcomePage { width: 100% !important; text-align: center !important; }
.mx_WelcomePage_body, .mx_WelcomePage_body > div { width: 100% !important; box-sizing: border-box; text-align: center !important;
  font-family: Inter, "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", Arial, Helvetica, sans-serif; padding: 8px 12px; }
.mx_WelcomePage_body * { text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
.mx_WelcomePage_body img { display: block !important; }
.mx_WelcomePage_body > div > img:first-child { width: 140px; height: 140px; object-fit: contain; }
.mx_WelcomePage_body h1 { color: #5512D4 !important; font-size: 42px !important; font-weight: 800 !important;
  margin: 14px auto 4px !important; letter-spacing: .5px; }
.mx_WelcomePage_body h2 { color: #4E76DE !important; font-size: 18px !important; font-weight: 500 !important; margin: 0 auto 18px !important; }
.mx_WelcomePage_body p { color: #5C5C70 !important; font-size: 15px; max-width: 460px; margin: 0 auto 24px !important; }
.mx_WelcomePage_body h3 { margin: 0 auto !important; }
.mx_WelcomePage_body h3 a { display: inline-block; min-width: 200px; padding: 12px 24px; border-radius: 24px;
  background: #5512D4; color: #FFFFFF !important; font-size: 16px; font-weight: 600; text-decoration: none !important; }
.mx_WelcomePage_body h3 a:hover { filter: brightness(1.1); }
.mx_WelcomePage_body h4 { display: inline-block; margin: 16px auto 0 !important; padding: 2px 10px; border: 1px solid #8D8DA0;
  border-radius: 10px; font-size: 11px !important; font-weight: 500 !important; color: #5C5C70 !important; text-transform: uppercase; }
.mx_WelcomePage_body h5 { margin: 32px auto 0 !important; font-size: 12px !important; font-weight: 400 !important; color: #8D8DA0 !important; }
.mx_WelcomePage_body h5 img { margin-bottom: 8px !important; }

/* ---- Page de connexion : colonne du logo élargie (206 px par défaut dans Element) ---- */
.mx_AuthPage .mx_AuthHeader { width: 360px !important; padding: 20px 10px !important; }
.mx_AuthPage .mx_AuthHeaderLogo { padding: 0 !important; width: 100% !important; }
.mx_AuthPage .mx_AuthHeaderLogo img { width: 100% !important; height: auto !important; }

/* ---- Pied de page « Propulsé par <opérateur> » ---- */
.mx_AuthFooter a.wasac_Propulse b { font-weight: 700; }

/* ---- Mobile : Element masque le logo ; on l'affiche au-dessus du formulaire ---- */
@media only screen and (max-width: 480px) {
  .mx_AuthPage .mx_AuthPage_modal { flex-direction: column !important; }
  .mx_AuthPage .mx_AuthHeader { display: flex !important; width: 100% !important; padding: 16px 18% 0 !important; box-sizing: border-box; }
  .mx_AuthPage .mx_AuthHeaderLogo { display: block !important; }
  .mx_WelcomePage_body h1 { font-size: 34px !important; }
}