/* ETASCOM Chat - Personnalisation Element */
/* Page d'accueil / welcome */

/* Remplacer "Bienvenue sur Element!" par "Bienvenue sur ETASCOM !" */
.mx_Header_title {
    font-size: 0 !important;
}
.mx_Header_title::after {
    content: "Bienvenue sur ETASCOM !" !important;
    font-size: 24px !important;
    font-weight: 600 !important;
}

/* Remplacer le sous-titre pour enlever la mention Matrix */
.mx_Header_subtitle {
    font-size: 0 !important;
}
.mx_Header_subtitle::before {
    content: "Messagerie décentralisée, chiffrée et sécurisée pour ETASCOM.";
    font-size: 12px !important;
    font-weight: normal !important;
}

/* Masquer "Propulsé par Matrix" - footer page login uniquement */
.mx_AuthPage_footer,
.mx_AuthPage footer,
.mx_AuthPage .mx_Footer,
.mx_WelcomePage footer,
.mx_WelcomePage .mx_Footer,
.mx_AuthPage a[href*="matrix"],
.mx_WelcomePage a[href*="matrix"] {
    display: none !important;
}

/* Masquer le bouton "Créer un compte" */
.mx_ButtonCreateAccount,
.mx_Button_iconCreateAccount,
.mx_ButtonRow .mx_ButtonParent:has(.mx_Button_iconCreateAccount),
.mx_ButtonRow a[href*="/register"] {
    display: none !important;
}

/* Ajustements généraux */
:root {
    --cpd-color-bg-canvas-default: #f5f5f5;
    --cpd-color-bg-subtle: #ffffff;
    --room-accent-color: #0066cc;
}