/**
 * Layout Builder fixes for Aabaco theme
 */

/* Fix for collapsed Layout Builder UI elements */
.layout-builder-block {
  min-height: 40px;
}

/* Fix for modal dialogs */
.ui-dialog {
  max-width: 95%;
}

/* Better contrast for Layout Builder blocks */
.layout-builder__region {
  outline: 1px dashed #979797;
  padding: 1.5em 0;
  margin: 0 0 1em 0;
}

.layout-builder__section {
  padding: 1.5em;
  margin-bottom: 1em;
  background: #f5f5f5;
}

/* Fix layout builder block visibility */
.layout-builder-block .contextual {
  z-index: 101;
}

/* Fix bootstrap overflow issues in layout builder */
.layout-builder .container-fluid {
  overflow: visible;
}

/* Fix for incompatible styles when editing layout */
.js-form-item {
  position: relative;
}

/* Remove conflicts between Bootstrap and Layout Builder icons */
.layout-builder .icon {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
}

/* Better form styles in layout builder */
.layout-builder input[type="text"],
.layout-builder input[type="number"],
.layout-builder select,
.layout-builder textarea {
  width: 100%;
  padding: 0.375rem 0.75rem;
}

/* Fix for media library modal in layout builder */
.media-library-widget {
  position: relative !important;
}

/* Fix for ckeditor5 */
#layout-builder-modal .ck-content.ck-editor__editable,
#layout-builder-modal .ck-content p {
  color: #555;
}

#layout-builder-modal .ck-source-editing-area textarea {
  min-height: 250px;
}