/* HYFA branding — hide all Element/Matrix references */

/* Footer: Blog, Mastodon, GitHub, На технологии Matrix */
.mx_AuthFooter,
footer[role="contentinfo"] { display: none !important; }

/* Element links */
a[href="https://element.io"],
a[href*="element.io/blog"],
a[href*="mastodon.matrix.org"],
a[href*="github.com/element-hq"],
a[href="https://matrix.org"] { display: none !important; }

/* Welcome subheading about Matrix */
.mx_AuthPage h4 { display: none !important; }

/* Hide photo nag toast and onboarding avatar prompt */
.mx_ToastContainer [class*="avatar" i],
button[aria-label*="фото"],
div[aria-label*="фото"],
.mx_UserOnboardingPage .mx_UserOnboardingHeader_avatar,
[class*="SetupEncryption"] [class*="skip"],
.mx_HomePage_default [class*="avatar_upload" i] { display: none !important; }

/* =============================================
   Auth page — dark theme matching landing page
   ============================================= */

/* Full dark background */
.mx_AuthPage {
    background: #33383F !important;
}

/* Hide the sidebar entirely */
.mx_AuthPage aside {
    display: none !important;
}

/* Modal containers — fully transparent */
.mx_AuthPage .mx_AuthPage_modalBlur,
.mx_AuthPage .mx_AuthPage_modalContent,
.mx_AuthPage .mx_AuthPage_modal {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
.mx_AuthPage .mx_AuthPage_modalContent {
    max-width: 380px;
    margin: 0 auto;
    padding: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Auth header (language selector) — below form, centered */
.mx_AuthPage .mx_AuthHeader {
    order: 2 !important;
    width: 100% !important;
    justify-content: center !important;
    margin-top: 16px !important;
}

/* Main auth area — full width without sidebar */
.mx_AuthPage main {
    min-width: 100% !important;
    padding: 0 24px !important;
}

/* h1 "Войти" → logo + "HYFA" styled like landing */
.mx_AuthPage h1 {
    font-size: 0 !important;
    line-height: 0 !important;
    margin-bottom: 0 !important;
    text-align: center !important;
}
.mx_AuthPage h1::before {
    content: "";
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto 24px;
    background: url("themes/hyfa/img/logo.png") center/contain no-repeat;
    border-radius: 24px;
}
.mx_AuthPage h1::after {
    content: "HYFA";
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4;
    display: block;
    color: #fff;
    text-align: center;
    margin-bottom: 24px;
}

/* Server info row */
.mx_AuthPage h2 { color: rgba(255,255,255,0.5) !important; font-size: 0.85rem !important; }
.mx_AuthPage .mx_ServerPicker_server { color: rgba(255,255,255,0.7) !important; }

/* Form inputs — dark style */
.mx_AuthPage input[type="text"],
.mx_AuthPage input[type="password"],
.mx_AuthPage .mx_Field input,
.mx_AuthPage .mx_Field textarea {
    background: rgba(255,255,255,0.08) !important;
    border-color: rgba(255,255,255,0.15) !important;
    color: #fff !important;
}
.mx_AuthPage .mx_Field label {
    color: rgba(255,255,255,0.5) !important;
}
.mx_AuthPage .mx_Field:focus-within label {
    color: rgba(255,255,255,0.7) !important;
}
.mx_AuthPage .mx_Field:focus-within input {
    border-color: rgba(255,255,255,0.4) !important;
}

/* Dropdown */
.mx_AuthPage select,
.mx_AuthPage .mx_Dropdown_input {
    background: rgba(255,255,255,0.08) !important;
    border-color: rgba(255,255,255,0.15) !important;
    color: #fff !important;
}

/* General text on auth pages */
.mx_AuthPage .mx_AuthBody {
    color: rgba(255,255,255,0.7) !important;
    background: transparent !important;
}

/* "Войти с помощью" label */
.mx_AuthPage .mx_AuthBody label,
.mx_AuthPage .mx_AuthBody span {
    color: rgba(255,255,255,0.5) !important;
}

/* Login button — white like landing page */
.mx_AuthPage .mx_Login_submit,
.mx_AuthPage .mx_AccessibleButton_kind_primary {
    background: #fff !important;
    color: #33383F !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    padding: 14px 0 !important;
}
.mx_AuthPage .mx_Login_submit:hover,
.mx_AuthPage .mx_AccessibleButton_kind_primary:hover {
    background: #e8e8e8 !important;
}

/* "Забыли пароль?" and other links */
.mx_AuthPage a {
    color: rgba(255,255,255,0.5) !important;
}
.mx_AuthPage a:hover {
    color: rgba(255,255,255,0.8) !important;
}

/* "Изменить" server link */
.mx_AuthPage .mx_ServerPicker_change {
    color: rgba(255,255,255,0.4) !important;
}

/* Language selector text color */
.mx_AuthPage .mx_LanguageSelector {
    color: rgba(255,255,255,0.4) !important;
}

/* Help/info buttons */
.mx_AuthPage .mx_ServerPicker_help {
    color: rgba(255,255,255,0.3) !important;
}