.mx_Logo {
    height: 128px !important;
    margin-top: 14px !important;
}

/* 1. Cacher le texte d'origine ("Welcome to Element") */
.mx_Header_title {
    /* Cache l'élément original, mais le laisse à sa place */
    visibility: hidden !important; 
    /* Met la taille à zéro pour qu'il ne prenne plus de place */
    font-size: 0 !important; 
    /* Nécessaire pour que le texte injecté puisse s'afficher */
    position: relative !important; 
}

/* 2. Injecter votre propre texte */
.mx_Header_title::before {
    /* LE NOUVEAU TEXTE À AFFICHER */
    content: "Welcome to CapyChat ♨️"; 
    
    /* Rendre le nouveau texte visible */
    visibility: visible !important; 
    
    /* Styles pour que ça soit beau */
    font-size: 32px; 
    font-weight: 700;
    color: white;
    /* Ajoutez ici votre text-shadow si vous voulez le contour ! */
}

.mx_AuthHeader {
    padding: 7px !important;
    width: 300px !important;
}

.mx_ServerPicker_help {
    background-color: blueviolet !important;
}

/* Cache tout le pied de page de la page de connexion */
.mx_AuthFooter {
    display: none !important;
}

.mx_AuthBody h2 {
    color: white !important;
}

.mx_ServerPicker .mx_ServerPicker_server {
    color: orange !important;
	font-size: 28px !important;
	font-weight: 700 !important;
}

.mx_AuthBody {
    /* 30,30,30 = Gris Foncé */
    /* 0.85 = Opacité (1 = Solide, 0 = Invisible) */
    background-color: rgba(30, 30, 30, 0.2) !important;
    
    /* Pour que le texte reste bien blanc et lisible */
    color: white !important;
    
    /* Petit bonus : flouter l'image derrière pour la lisibilité */
    
    /* Arrondir les angles */
    border-radius: 10px;
}

.mx_AuthBody, .mx_AuthBody h2, .mx_AuthBody p {
    color: #ffffff !important;
}

.mx_Dropdown_option div {
	color: black !important;
	font-size: 20px !important;
/*text-shadow: 
        -0.55px -0.55px 0 #000,
         0.55px -0.55px 0 #000,
        -0.55px  0.55px 0 #000,
         0.55px  0.55px 0 #000;*/
}

.mx_Dropdown_arrow {
	background-color: black !important;
	width: 28px !important;
	mask-size: 28px !important;
    height: 50px !important;
    margin-right: 28px !important;
}

.mx_ExternalLink {
    margin-left: 28px !important;
}

.mx_Login_type_label {
    color: black !important;
	font-size: 18px !important;
	font-weight: 557 !important;
}