/* Custom CSS OAB-SC */

/* 1. Esconde botão criar conta */
.mx_ButtonCreateAccount,
a[href*="register"],
.mx_AuthBody_changeFlow {
    display: none !important;
}

/* 2. Hack para trocar o Título (Boas-vindas a Element) */
.mx_AuthBody h1 {
    visibility: hidden;
    position: relative;
    margin-bottom: 0px;
    height: 40px; /* Mantém altura para o novo texto */
}

.mx_AuthBody h1::after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    content: "Bem-vindo à OAB-SC"; 
    color: #333; /* Cor do texto */
    font-weight: bold;
}

/* 3. Hack para trocar o Subtítulo */
.mx_AuthBody h4, .mx_AuthBody h3 {
    visibility: hidden;
    position: relative;
    font-size: 0 !important;
    height: 30px; /* Mantém altura para o novo texto */
}

.mx_AuthBody h4::after, .mx_AuthBody h3::after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 16px; 
    color: #666;
    content: "Chat Colaborativo - Tecnologia da Informação";
    line-height: 1.4;
}

/* 4. Remove o rodapé (Blog, Mastodon, GitHub, Powered by Matrix) */
.mx_AuthFooter {
    display: none !important;
}

/* 5. Efeito de Blur (Desfoque) no Background da página de Login */
.mx_AuthPage {
    position: relative;
    /* Garante que o container tenha contexto de posicionamento */
}

.mx_AuthPage::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* O valor 8px define a intensidade do desfoque */
    backdrop-filter: blur(8px); 
    -webkit-backdrop-filter: blur(8px); /* Safari */
    z-index: 0;
    /* Opcional: Escurece levemente o fundo para melhor leitura */
    background-color: rgba(255, 255, 255, 0.1); 
}

/* Garante que a caixa de login fique ACIMA do efeito de blur */
.mx_AuthPage_modal, 
.mx_AuthBody {
    position: relative;
    z-index: 1;
}

/* 6. Cor do botão Entrar e botões de ação primária */
.mx_AccessibleButton_kind_primary,
.mx_Login_submit {
    background-color: #0dbd8b !important;
    border-color: #0dbd8b !important;
    color: #ffffff !important;
}

/* Efeito ao passar o mouse (mantém a cor, leve opacidade para feedback visual) */
.mx_AccessibleButton_kind_primary:hover,
.mx_Login_submit:hover {
    background-color: #0dbd8b !important;
    opacity: 0.9;
}

/* 7. Ajuste do Dropdown de Idioma (Centralizado com Padding) */

/* Container geral ocupa a largura toda */
.mx_AuthBody_language,
.mx_AuthBody_language .mx_Dropdown {
    width: 100% !important;
}

/* Input do dropdown: Flexbox para centralizar tudo */
.mx_AuthBody_language .mx_Dropdown_input {
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    justify-content: center !important; /* Centraliza horizontalmente o bloco (texto + seta) */
    align-items: center !important;     /* Centraliza verticalmente */
    padding: 0 20px !important;         /* Padding nas laterais solicitado */
    box-sizing: border-box !important;
    gap: 8px;                           /* Espaço entre o texto e a seta */
}

/* O texto do idioma */
.mx_AuthBody_language .mx_Dropdown_option {
    flex: 0 1 auto !important; /* Ocupa apenas o espaço necessário, sem empurrar a seta */
    text-align: center !important;
    white-space: normal !important; /* Permite quebra de linha se necessário */
    overflow: visible !important;
}

/* A seta (Arrow) */
.mx_AuthBody_language .mx_Dropdown_arrow {
    margin-left: 0 !important; /* Remove margem automática que jogava a seta para o canto */
    flex: 0 0 auto !important; /* Garante que a seta não encolha */
}