/* Fix dialog from sitting below sidebar */
.ui-dialog {
  z-index: 505 !important;
}

/* Left sidebar fly out does not display well in mobile view,
Spark just hid it outright. */
.gin--core-navigation
  [data-toolbar-popover-control][aria-expanded="true"]
  + [data-toolbar-popover-wrapper] {
  top: 0;
  min-width: 300px;
  transform: translateX(var(--admin-toolbar-sidebar-width)) !important;
}

/* This bar has northing in its */
.gin--navigation-top-bar.top-bar {
  display: none;
}

.gin--core-navigation .form-item--error-message {
  color: var(--input--error-border-color);
}

[data-admin-toolbar="expanded"] .admin-toolbar__logo {
  padding: 20px;
}

@media (min-width: 768px) {
  /* Display component edit controls inline */
  .gin--core-navigation div[data-drupal-selector*="behavior-plugins"] {
    display: inline-flex;
    margin: 0;
    padding: 12px;
  }

  .gin--core-navigation
    div[data-drupal-selector*="behavior-plugins"]
    > .js-form-item {
    margin: 0;
    margin-block-end: 0 !important;
  }

  .gin--core-navigation
    div[data-drupal-selector*="behavior-plugins"]
    > .js-form-item:first-of-type {
    margin: 0 var(--gin-spacing-m) 0 0;
  }

  .gin--core-navigation
    div[data-drupal-selector*="behavior-plugins"]
    > .js-form-item:last-of-type {
    margin: 0;
  }
}