/* as7rum custom theme */

/* Background on body */
html, body {
    background-image: url('/as7rum-back.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
}

/* Make wrapper transparent */
.mx_MatrixChat_wrapper,
.mx_MatrixChat {
    background: transparent !important;
}

/* Left panel */
.mx_LeftPanel {
    background: rgba(8, 8, 8, 0.85) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* Space/home panel */
.mx_SpacePanel {
    background: rgba(5, 5, 5, 0.9) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* Room list */
.mx_RoomListView,
.mx_RoomList {
    background: transparent !important;
}

/* Room header */
.mx_RoomHeader,
.mx_LegacyRoomHeader {
    background: rgba(10, 10, 10, 0.88) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

/* Main chat area */
.mx_RoomView,
.mx_RoomView_body,
.mx_RoomView_timeline,
.mx_ScrollPanel {
    background: transparent !important;
}

/* Timeline content */
.mx_RoomView_messageListWrapper {
    background: transparent !important;
}

/* Message composer */
.mx_MessageComposer {
    background: rgba(10, 10, 10, 0.88) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border-top: 1px solid rgba(255,255,255,0.07) !important;
}

/* Home/welcome screen */
.mx_HomePage {
    background: rgba(10, 10, 10, 0.75) !important;
}

/* Thin scrollbar */
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.15);
    border-radius: 2px;
}