/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
 * CONTENTS..............You’re reading it!
 * BASE STYLE .............................
 * LAYOUT PARAGRAPH EDITING ...............
 * BG STYLES ..............................
 * MEDIA QUERIES ..........................
*/

/* ------------------------------------ *\
  ==BASE STYLE
\* ------------------------------------ */
.layout__region .paragraph.paragraph--type--section {
  margin: 0;
}

.section-grid {
  margin: 0 8.33%;
}

.section--no-gut > .layout > .layout__region {
  padding: 0;
  display: flex;
  flex-direction: column;
  margin: -1px -1px 0 0;
}

.layout__region > .paragraph {
  margin-bottom: 0;
}

.layout.row {
  max-width: 100%;
  margin: 0;
}

.field--name-field-profilee-components > .field__item {
  margin: 2.5rem 0;
}

/* ------------------------------------ *\
  ==HAUTEUR DES ELEMENTS
\* ------------------------------------ */

.section-flex-auto > .layout > .layout__region > .paragraph,
.section-flex-auto > .layout > .layout__region > .paragraph--type--card {
  flex: auto;
}

.section-flex-0 > .layout > .layout__region > .paragraph,
.section-flex-0 > .layout > .layout__region > .paragraph--type--card {
  flex: 0;
}

.section-flex-auto > .layout > .layout__region {
  display: flex;
  flex-direction: column;
}

.center-content > .layout > .layout__region {
  align-content: center;
}

/* ------------------------------------ *\
  ==LAYOUT PARAGRAPH EDITING
\* ------------------------------------ */
.lpb-enable {
  z-index: 2;
}

form.layout-paragraphs-builder-form {
  margin-left: 0;
  margin-right: 0;
}

.lpb-form__actions {
  z-index: 999999;
  position: fixed;
  bottom: -2rem;
  right: 0;
  width: 100%;
  background: var(--bs-gray);
  justify-content: center;
  text-align: center;
  margin-top: 0;
  padding: 20px;
}

.ui-dialog .lpb-component-list__item img {
  margin-right: 0;
  max-width: 100px;
}

.frontend-editing__action {
  z-index: 50;
}

@media (max-width: 992px) {
  .paragraph.section--gut.paragraph--type--section > .layout > .layout__region {
    margin-bottom: 2rem;
  }
}