/* VibeBanana Custom Branding - Full Black Theme */

/* Hide default Element logo on auth pages */
.mx_AuthPage .mx_AuthHeaderLogo,
.mx_AuthPage .mx_ServerPicker_logo,
.mx_Welcome .mx_AuthHeaderLogo {
    display: none !important;
}

/* FULL BLACK background everywhere */
body,
.mx_AuthPage,
.mx_AuthPage_modal,
.mx_AuthBody,
.mx_HomePage,
.mx_Welcome,
.mx_MatrixChat_wrapper {
    background-color: #000000 !important;
    background-image: none !important;
}

/* Black background for login/register form */
.mx_AuthBody {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* White text for all form elements */
.mx_AuthBody h1,
.mx_AuthBody h2,
.mx_AuthBody p,
.mx_AuthBody label,
.mx_AuthBody .mx_Field label,
.mx_AuthBody .mx_AuthBody_fieldRow label,
.mx_ServerPicker_server,
.mx_ServerPicker_name {
    color: #ffffff !important;
}

/* Style input fields */
.mx_AuthBody input,
.mx_Field input {
    background-color: #1a1a1a !important;
    border-color: #333 !important;
    color: #ffffff !important;
}

.mx_Field input::placeholder {
    color: #888 !important;
}

/* BLACK background for language picker dropdown */
.mx_AuthBody select,
.mx_AuthBody .mx_Dropdown,
.mx_Dropdown_input,
.mx_Dropdown_menu,
.mx_LanguageDropdown {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: #333 !important;
}

/* Language picker options */
.mx_Dropdown_option {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

.mx_Dropdown_option:hover {
    background-color: #2a2a2a !important;
}

/* LIGHT links - yellow for visibility */
.mx_AuthBody a,
.mx_AuthFooter a,
a {
    color: #FFD700 !important;
    text-decoration: none !important;
}

.mx_AuthBody a:hover,
.mx_AuthFooter a:hover {
    color: #FFC700 !important;
    text-decoration: underline !important;
}

/* Specific styling for Forgot password and Create account links */
.mx_AuthBody_changeFlow,
.mx_AuthBody_passwordReset {
    color: #FFD700 !important;
}

/* Footer links */
.mx_AuthFooter,
.mx_AuthFooter * {
    color: #cccccc !important;
}

.mx_AuthFooter a {
    color: #FFD700 !important;
}

/* Add VibeBanana logo to auth pages (login/register) */
.mx_AuthPage .mx_AuthBody::before {
    content: '';
    display: block;
    width: 390px;
    height: 156px;
    background-image: url('/branding/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 30px auto;
}

/* NO LOGO IN SIDEBAR AFTER LOGIN - removed completely */

/* Style for welcome screen */
.mx_Welcome .mx_AuthBody::before {
    content: '';
    display: block;
    width: 520px;
    height: 195px;
    background-image: url('/branding/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 40px auto;
}

/* Home page logo */
.mx_HomePage_header::before {
    content: '';
    display: block;
    width: 455px;
    height: 182px;
    background-image: url('/branding/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 30px auto;
}

/* Style buttons */
.mx_AuthBody .mx_AccessibleButton_kind_primary {
    background-color: #FFD700 !important;
    color: #000000 !important;
    font-weight: bold !important;
}

.mx_AuthBody .mx_AccessibleButton_kind_primary:hover {
    background-color: #FFC700 !important;
}

/* Black background for all containers */
.mx_AuthPage_container,
.mx_AuthPage_modalBlur {
    background-color: #000000 !important;
}

/* Language selector on auth page - force black */
.mx_AuthPage .mx_LanguageDropdown,
.mx_AuthPage .mx_Dropdown {
    background-color: #1a1a1a !important;
}