/* -------------------------------------------------------------
  Styles for the editing experience
-------------------------------------------------------------- */
#editor-tabs a {
  background-color: white;
  border: 2px solid var(--brand-gold);
  border-radius: 3px;
  color: var(--k);
  padding: 0.5rem 1rem;
  text-transform: uppercase;
}
#editor-tabs a:hover,
#editor-tabs a:focus {
  background-color: var(--brand-gold);
  color: white;
}
#editor-tabs a:focus {
  outline-color: var(--brand-gold);
}
.path-user #editor-tabs {
  background-color: transparent;
  position: absolute;
  z-index: 6;
}
.path-user #user-form {
  margin: 8rem auto 1rem auto;
  width: min(100% - 2rem, var(--layout-max-width));
}
.node-form .form-actions,
.media-form .form-actions {
  border-top: 2px solid var(--neutral-mid);
  margin-top: 2rem;
  padding-top: 2rem;
}
#edit-body-0-format {
  display: none;
}
.node-form div.form-item,
.media-form div.form-item {
  margin: 0;
}

/* Hide editing tools from Contributors that are (hopefully) not needed */
.node-form #edit-body-0-format,
.node-form .field-edit-link,
.node-form #edit-body-0-summary--description,
.node-form .tabledrag-toggle-weight-wrapper,
.js-media-library-widget-toggle-weight {
  display: none;
}
/* And some CSS tweaks to help with the editing experience */
#field_article_image-media-library-wrapper {
  margin-top: 2rem;
}
.ck-editor__editable {
  min-height: 10rem;
}
.node-form table {
  margin: 3rem 0 0.75rem;
}
.form-wrapper.field--name-field-remain-anonymous {
  margin-top: 3rem;
}
/* Dialog divs need a z-index higher than the fixed header */
div[role=dialog] {
  z-index: 501 !important;
}
/* Media library dialog */
#media-library-wrapper ul.js-media-library-menu {
  /* This may be a bad idea */
  display: none;
}
#media-library-view {
  border-top: 2px solid var(--neutral-mid);
}
#media-library-view .views-display-link {
  display: none;
}
#media-library-view .js-media-library-views-form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#media-library-view .js-media-library-item {
  width: calc(25% - 1rem);
}
#media-library-view .js-media-library-item img {
  border: 4px solid transparent;
  width: 100%;
}
#media-library-view .js-media-library-item.is-hover img,
#media-library-view .js-media-library-item.is-focus img {
  border-color: var(--neutral-dark);
  cursor: pointer;
}
#media-library-view .js-media-library-item.checked img {
  border-color: var(--brand-poppy);
}
#media-library-view .media-library-item--disabled .field img {
  border-color: transparent;
  cursor: not-allowed;
  filter: grayscale(1);
}
#media-library-view .media-library-item__name {
  font-size: 0.75rem;
}
.media-library-selected-count {
  margin: 2rem;
}