/* ------------------------------------ *\
  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 3rem;
}

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

.section--gut > .layout > .layout__region,
.section--gut > .layout > .layout__region > .paragraph:not(:last-of-type) {
  margin-bottom: 2rem;
}

.section--no-gut > .layout > .layout__region .paragraph {
  margin-bottom: 0;
}

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

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

/* ------------------------------------ *\
  ==SECTION SLIDER
\* ------------------------------------ */
@media screen and (max-width: 991px) {
  .paragraph.slider-section {
    margin-bottom: 3rem;
  }

  .slider-section .slick-track {
    display: flex;
    flex-direction: row;
  }

  .slider-section .slick-list {
    padding: 0;
    overflow: unset;
  }

  .slider-section .slick-dots li button .slick-dot-icon::before {
    position: relative;
    content: '-';
    font-size: 3rem;
  }

  .slider-section .slick-track .layout__region {
    flex: 1 1 auto;
    padding: 0 1rem;
  }

  .slider-section .slick-dots {
    text-align: left;
    width: fit-content;
  }

  .slider-section .slick-dots li button .slick-dot-icon::before,
  .slider-section .slick-dots li.slick-active button .slick-dot-icon::before {
    color: var(--bs-gray-700);
  }

  .slider-section .slick-dots li.slick-active button .slick-dot-icon::before {
    font-size: 3rem;
    color: var(--bs-gray-700);
    transform: scale(1.5);
  }

  .slider-section .slick-dots li.slick-active button {
    transform: scaleX(1.8);
  }

  .slider-section .slick-arrow.prev-arrow {
    right: 3.5rem;
    z-index: 1;
  }

  .slider-section .slick-arrow {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 1.5rem;
    width: fit-content;
  }
}

/* ------------------------------------ *\
  ==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 {
  align-items: 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;
}