/* biubiu mobile fixes */

@media (max-width: 900px) {
  /* Create Space menu shrink */
  .mx_SpaceCreateMenu_wrapper .mx_ContextualMenu_background {
    left: 0 !important;
  }
  .mx_SpaceCreateMenu_wrapper .mx_ContextualMenu {
    width: min(78vw, 300px) !important;
    max-width: 300px !important;
    max-height: 80vh !important;
    overflow: auto !important;
    padding: 14px !important;
    box-sizing: border-box !important;
  }

  .mx_Dialog,
  .mx_Dialog_fixedWidth,
  .mx_Dialog_wrapper .mx_Dialog {
    width: min(78vw, 320px) !important;
    max-width: 320px !important;
    max-height: 80vh !important;
    overflow: auto !important;
    box-sizing: border-box !important;
  }

  /* Keep top search strip visible while in a room */
  body:has(.mx_RoomView) .mx_LeftPanel_outerWrapper {
    visibility: visible !important;
    position: fixed !important;
    top: 0 !important;
    left: 56px !important;
    right: 0 !important;
    height: 58px !important;
    max-height: 58px !important;
    overflow: hidden !important;
    z-index: 320 !important;
    background-color: var(--cpd-color-bg-canvas-default, #101317) !important;
  }

  /* Chat fills the rest below the search bar */
  .mx_RoomView_wrapper:has(.mx_RoomView) {
    position: fixed !important;
    top: 58px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 56px !important;
    width: auto !important;
    height: auto !important;
    z-index: 300 !important;
    background-color: var(--cpd-color-bg-canvas-default, #101317) !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .mx_RoomView_wrapper:has(.mx_RoomView) .mx_RoomView {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
  }

  .mx_RoomView .mx_RoomHeader {
    display: flex !important;
    visibility: visible !important;
  }
}


/* Hide public spaces entry in top search / spotlight */
#mx_SpotlightDialog_button_explorePublicSpaces,
[id="mx_SpotlightDialog_button_explorePublicSpaces"] {
  display: none !important;
}


/* Hide left sidebar create-space (+) button */
.mx_SpaceItem_new,
.mx_SpaceButton_new {
  display: none !important;
}