/* Custom admin overrides - loaded after app(.min).css */

@media screen and (min-width: 900px) {
  aside.main-menu {
    width: 240px !important;
    flex-shrink: 0 !important;
    flex-basis: 240px !important;
    min-width: 240px !important;
  }
  .main-menu.is-toggled .listitem { width: 72px !important; }
  .main-menu .listitem__menu { width: 168px !important; min-width: 168px !important; }
  .main-menu .listitem__icon { width: 72px !important; min-width: 72px !important; }

  /* Force expanded menu on desktop even if .is-toggled is present */
  .main-menu.is-toggled { width: 240px !important; }
  .main-menu.is-toggled .listitem { width: auto !important; }
  .main-menu.is-toggled .listitem__menu,
  .main-menu.is-toggled .navbar__logo { display: block !important; opacity: 1 !important; }
}

.navbar__toggler, .main-menu .navbar__toggle, .btn.navbar__toggler, #navbarToggler { display: none !important; }

.navbar__logo { text-align: left !important; padding-left: 72px !important; width: 100% !important; margin-left: 0 !important; }

.main { min-width: 0 !important; }

/* Reset unintended rounding in admin UI caused by broad selectors */
.wrapper .header .btn,
.wrapper .main .btn,
.wrapper .main input,
.wrapper .main select,
.wrapper .main textarea,
.wrapper .main .selectize-input,
.wrapper .main .dropdown .label,
.wrapper .main .dropdown-select .label,
.wrapper .main .form-group .selectize-input,
aside.main-menu .listitem__icon,
aside.main-menu .listitem__menu a,
aside.main-menu .submenu__listitem,
.wrapper .main .search__form,
.wrapper .main .search__form .form-group input,
.wrapper .main .search__form .btn {
  border-radius: 0 !important;
}

/* Improve menu text visibility */
aside.main-menu .listitem__menu a,
aside.main-menu .listitem__caption,
aside.main-menu .submenu__listitem a {
  color: rgba(255, 255, 255, 0.9) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
aside.main-menu .listitem__menu a:hover,
aside.main-menu .listitem__caption:hover,
aside.main-menu .submenu__listitem a:hover { color: #fff !important; }


