/* ============================================================
   КАСТОМИЗАЦИЯ ELEMENT WEB v1.11.x
   Проверено на версии 1.11.58
   ============================================================ */

/* ============================================================
   1. ФОН СТРАНИЦЫ ВХОДА
   ============================================================ */

/* Применяем фон к корневым элементам */
html {
    background: url("/fon.jpg") no-repeat center center fixed !important;
    background-size: cover !important;
}

body,
#matrixchat,
.matrixchat,
.mx_MatrixChat,
[data-testid="matrixchat"],
div[class*="MatrixChat"] {
    background: transparent !important;
    background-color: transparent !important;
}

/* Страница авторизации */
.mx_AuthPage,
div[class*="AuthPage"],
div[class*="auth-page"],
[class*="AuthenticationPage"] {
    background: transparent !important;
    background-color: transparent !important;
}

/* Полупрозрачная карточка формы */
.mx_AuthPage_modal,
div[class*="AuthPage_modal"],
[class*="AuthModal"],
[class*="auth-modal"],
div[class*="modal"] {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
}

/* ============================================================
   2. ЛОГОТИП
   ============================================================ */

/* Скрываем оригинальный логотип Element (ссылка с логотипом) */
.mx_Parent > a[href*="element.io"],
.mx_Logo,
.mx_Parent > a > img {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Контейнер welcome страницы */
.mx_Parent,
.mx_WelcomePage_body {
    position: relative !important;
}

/* ============================================================
   3. ТЕКСТ ПРИВЕТСТВИЯ
   ============================================================ */

/* Скрываем оригинальные заголовки Element */
.mx_Header_title,
.mx_Header_subtitle,
h1.mx_Header_title,
h4.mx_Header_subtitle {
    display: none !important;
    visibility: hidden !important;
    font-size: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Контейнер для вставки текста */
.mx_Parent {
    position: relative !important;
}

/* ============================================================
   4. КНОПКА "СОЗДАТЬ УЧЕТНУЮ ЗАПИСЬ" - СКРЫТЬ
   ============================================================ */

/* Скрываем ТОЛЬКО кнопку создания аккаунта, НЕ весь блок */
a.mx_ButtonCreateAccount {
    display: none !important;
}

/* Явно показываем блок с кнопками и кнопку "Войти" */
.mx_ButtonGroup {
    display: block !important;
    visibility: visible !important;
}

.mx_ButtonRow {
    display: flex !important;
    visibility: visible !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.mx_ButtonSignIn,
.mx_ButtonParent.mx_ButtonSignIn {
    display: inline-flex !important;
    visibility: visible !important;
    background-color: #CC0000 !important;
    background: #CC0000 !important;
    border-color: #CC0000 !important;
    color: #ffffff !important;
}

.mx_ButtonSignIn:hover,
.mx_ButtonParent.mx_ButtonSignIn:hover {
    background-color: #aa0000 !important;
    background: #aa0000 !important;
    border-color: #aa0000 !important;
}

/* ============================================================
   5. ССЫЛКИ ВНИЗУ - СКРЫТЬ ВСЁ
   ============================================================ */

/* Скрываем футер */
.mx_AuthFooter,
footer.mx_AuthFooter {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Скрываем конкретные ссылки */
a[href*="element.io"],
a[href*="matrix.org"],
a[href*="twitter.com"],
a[href*="github.com"] {
    display: none !important;
    visibility: hidden !important;
}

/* ============================================================
   6. СКРЫВАЕМ ГОСТЕВЫЕ ФУНКЦИИ (ОБЗОР КОМНАТ)
   ============================================================ */

/* Скрываем блок "Обзор комнат" для гостей */
.mx_WelcomePage_guestFunctions {
    display: none !important;
}

/* ============================================================
   7. ФОН СТРАНИЦЫ - УБРАТЬ СТАНДАРТНЫЙ
   ============================================================ */

/* Убираем стандартный фон lake.jpg */
.mx_AuthPage {
    background: transparent !important;
    background-color: transparent !important;
}

/* Скрываем лишний текст */
[class*="powered"],
[class*="Powered"],
[class*="technology"],
[class*="Technology"],
[class*="branding"],
[class*="Branding"] {
    display: none !important;
}

/* ============================================================
   8. ДОПОЛНИТЕЛЬНЫЕ СТИЛИ
   ============================================================ */

/* Скрываем языковой переключатель если нужно */
[class*="LanguageSelector"],
[class*="languageSelector"],
select[name*="lang"] {
    display: none !important;
}