/* Get rid of messages on front end */
.messages__wrapper {
  display: none;
}

/* Get rid of rubbish AJAX throbber */
.ajax-progress {
  display: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}

/* Make "Edit Layout" button fully visible */
.lpb-enable {
  z-index: 1000;
}

/* This is because gin dark mode makes ckeditor text difficult to read */
.ck {
  color: var(--bs-body-color);
}

/* Improve the ui-dialogs */
.gin--dark-mode .ui-dialog .views-exposed-form,
.gin--dark-mode .ui-dialog .views-form {
  padding: 0 1em;
}

.ui-dialog .description {
  color: #95a1b6;
}

.ui-dialog .form-item {
  margin: 1.4em 0;
}

.ui-dialog .btn {
  margin: 0.8em 0;
}

/* Remove add media item form from front end :( */
#media-library-add-form-wrapper {
  display: none;
}

.js-media-library-views-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.js-media-library-views-form #media-library-messages {
  display: none;
}

.js-media-library-views-form .js-media-library-item {
  padding: 1em;
}

.js-media-library-views-form .form-checkbox {
  position: absolute;
  margin: 1em;
}

.js-media-library-views-form .js-media-library-item {
  display: flex;
  flex-direction: column;
}

.js-media-library-view .pager__items {
  display: flex;
  list-style: none;
  gap: 1em;
}

.ui-dialog-buttonset.form-actions {
  justify-content: start !important;
}

.layout-select {
  gap: 1em;
}

.lpb-form__actions {
  padding: 20px 2em;
}