/* Mukalama Customizations - Desktop & Mobile */

/* Hide "Welcome to Element" heading */
h1.mx_Header_title,
.mx_Welcome h1,
.mx_AuthBody h1 {
    display: none !important;
}

/* Hide the subtitle/tagline with matrix */
h2.mx_Header_subtitle,
.mx_Welcome h2,
.mx_AuthBody h2 {
    display: none !important;
}

/* Hide the element.io link in welcome body */
.mx_WelcomePage_body a[href*="element.io"],
.mx_WelcomePage_body a[href*="element.io"] {
    display: none !important;
}

/* Hide "Powered by Matrix" footer */
footer.mx_AuthFooter,
.mx_AuthPage_footer {
    display: none !important;
}

/* Hide registration/signup links */
.mx_AuthBody_create,
.mx_Login_register,
.mx_Welcome_register {
    display: none !important;
}

/* Hide external links in settings */
.mx_HelpUserSettingsTab_links,
.mx_HelpUserSettingsTab_version {
    display: none !important;
}

/* Hide feedback button */
.mx_UserMenu_contextMenu_feedbackButton {
    display: none !important;
}

/* Custom login button color */
.mx_Login_submit,
.mx_AccessibleButton_kind_primary {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    border: none !important;
}

/* === MOBILE SPECIFIC === */

/* Hide Element branding on mobile */
.mx_MobileHeader_title,
.mx_MobileHeader h1 {
    display: none !important;
}

/* Hide app store badges that say Element X */
a[href*="element-x"],
img[alt*="Element X"] {
    display: none !important;
}

/* Hide "Get Element" mobile prompts if they mention Element */
.mx_AppDownloadDialog_title,
.mx_MobileGuide h1 {
    visibility: hidden;
}

/* Ensure proper mobile sizing */
@media (max-width: 768px) {
    .mx_AuthPage {
        background-size: cover !important;
        background-position: center !important;
    }
    
    .mx_AuthBody {
        margin: 10px !important;
        max-width: calc(100% - 20px) !important;
    }
}