/* Custom styles for gin admin theme */
/* Fix paragraph-type-title */
.js .paragraph-type-title {
  flex-basis: auto;
  min-width: auto;
}

/* Fix to center content of page (gin toolbar and wrapper)
  for non admin pages for logged in user
 */
[dir="ltr"] body.gin--vertical-toolbar,
[dir="ltr"] body.gin--horizontal-toolbar,
[dir="ltr"] body.gin--classic-toolbar {
  margin-left: auto !important;
}

/* Custom style fix for media library module
  Required for gin admin theme.
 */
.media-library-item .media-library-item__preview .field img {
  object-fit: contain !important;
}

/* Custom styles for gin admin theme to show properly the buttons. */
.paragraph-type--cta-button .entities-list:not(.entities-list--single-item) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

/* Custom styles for gin admin theme to show unpublished paragraphs in the paragraphs tab. */
.paragraphs-tabs-wrapper .field-multiple-table tr:has([title="Unpublished"]) {
  background-color: #f0f0f0;
}
.paragraphs-tabs-wrapper
  .field-multiple-table
  tr:has([title="Unpublished"]):hover {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  box-shadow: none;
}
.paragraphs-tabs-wrapper
  .field-multiple-table
  tr:has([title="Unpublished"])
  .summary-content {
  color: #5f5f5f;
}