/* Temple Messenger — Auth Page Overrides
   These override Element's default auth page styling */

/* ===== AUTH PAGE BACKGROUND ===== */
.mx_AuthPage {
    background: #0a0a0a !important;
    background-image: none !important;
}

/* The blurred modal backdrop */
.mx_AuthPage .mx_AuthPage_modalBlur {
    background: rgba(10, 10, 10, 0.97) !important;
}

/* Auth body card */
.mx_AuthPage .mx_AuthBody {
    background: #0f0f0f !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 12px !important;
}

/* ===== HIDE ELEMENT LOGO ===== */
.mx_AuthPage .mx_AuthHeaderLogo,
.mx_AuthPage .mx_AuthPage_modalBlur .mx_AuthHeaderLogo,
.mx_AuthHeaderLogo {
    display: none !important;
}

/* ===== SIGN IN BUTTON — GOLD ===== */
.mx_Login_submit,
.mx_AccessibleButton.mx_AccessibleButton_kind_primary,
.mx_AuthPage .mx_AccessibleButton_kind_primary {
    background-color: #d4af37 !important;
    color: #0a0a0a !important;
    font-weight: 600 !important;
    border: none !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    letter-spacing: 0.03em !important;
}

.mx_Login_submit:hover,
.mx_AccessibleButton.mx_AccessibleButton_kind_primary:hover {
    background-color: #e8c252 !important;
}

/* ===== HIDE "CREATE AN ACCOUNT" ===== */
.mx_AuthPage .mx_AuthBody_loginRegister,
.mx_AuthBody .mx_AuthBody_changeFlow {
    display: none !important;
}

/* ===== SIGN IN HEADING ===== */
.mx_AuthPage h1,
.mx_AuthPage h2,
.mx_AuthBody h1,
.mx_AuthBody h2 {
    font-family: 'Georgia', 'Times New Roman', serif !important;
    color: #ffffff !important;
}

/* ===== TEXT AND LINKS — GOLD ===== */
.mx_AuthPage a,
.mx_AuthPage .mx_AccessibleButton_kind_link,
.mx_AuthBody a {
    color: #d4af37 !important;
}

/* ===== INPUT FIELDS ===== */
.mx_AuthPage .mx_Field input,
.mx_AuthPage .mx_Field textarea,
.mx_AuthPage .mx_Field label {
    font-family: 'Georgia', 'Times New Roman', serif !important;
}

.mx_AuthPage .mx_Field input {
    border-color: rgba(212, 175, 55, 0.3) !important;
    background: rgba(10, 10, 10, 0.5) !important;
    color: #ffffff !important;
}

.mx_AuthPage .mx_Field input:focus {
    border-color: #d4af37 !important;
}

.mx_AuthPage .mx_Field label {
    color: #d4af37 !important;
}

/* ===== HOMESERVER TEXT ===== */
.mx_AuthPage .mx_ServerPicker_server {
    color: #ffffff !important;
}

.mx_AuthPage .mx_ServerPicker_desc {
    color: #888888 !important;
}

/* ===== FOOTER LINKS ===== */
.mx_AuthPage_footer {
    color: #555555 !important;
}

.mx_AuthPage_footer a {
    color: #d4af37 !important;
}

/* ===== LEFT PANEL (welcome side) ===== */
.mx_AuthPage .mx_AuthPage_modalBlur > div:first-child {
    background: #0a0a0a !important;
}

/* ===== POST-LOGIN APP OVERRIDES ===== */

/* Message text font */
.mx_EventTile_content {
    font-family: 'Georgia', 'Times New Roman', serif !important;
}

/* Room tile hover */
.mx_RoomTile:hover {
    background-color: rgba(212, 175, 55, 0.08) !important;
}

.mx_RoomTile.mx_RoomTile_selected {
    background-color: rgba(212, 175, 55, 0.12) !important;
}

/* Notification badge */
.mx_NotificationBadge {
    background-color: #d4af37 !important;
    color: #0a0a0a !important;
}

/* Room header border */
.mx_RoomHeader {
    border-bottom: 1px solid rgba(212, 175, 55, 0.15) !important;
}

/* Message composer border */
.mx_MessageComposer {
    border-top: 1px solid rgba(212, 175, 55, 0.15) !important;
}

/* Username colors — gold */
.mx_DisambiguatedProfile .mx_Username_color1,
.mx_DisambiguatedProfile .mx_Username_color2,
.mx_DisambiguatedProfile .mx_Username_color3,
.mx_DisambiguatedProfile .mx_Username_color4,
.mx_DisambiguatedProfile .mx_Username_color5,
.mx_DisambiguatedProfile .mx_Username_color6,
.mx_DisambiguatedProfile .mx_Username_color7,
.mx_DisambiguatedProfile .mx_Username_color8 {
    color: #d4af37 !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: rgba(212, 175, 55, 0.4); border-radius: 3px; }

/* Language selector on auth page */
.mx_AuthPage .mx_LanguageDropdown {
    color: #888888 !important;
}