/**
 * Some structure for layout builder
*/

/* Apply to layout builder */
.layout {
  display: grid;
  gap: var(--gutter-standard);
  margin: var(--vertical-padding) auto;

  &.row {
    display: flex;
  }

  .block {
    margin-bottom: 1rem;
  }

  &:last-child {
    margin-bottom: 0;
  }

  &.reduce-margin {
    margin: -1rem auto;
  }

  &.bg-color:last-child {
    margin-bottom: calc(-1 * var(--vertical-padding));
  }

  &.collapse-empty-layout,
  &.collapse-empty-layout + .layout--onecol {
    margin: 0;
  }
}

/* One column adjustment if empty.
  This will happen on basic page if the body field is empty */
.layout--onecol .layout__region:empty {
  margin: calc(-1 * var(--vertical-padding)) 0;
}


/* Fake single block appearance for contact page Social block */

.bg-color--lt-grey {
  &:has(+ .bg-color--lt-grey) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1rem;
  }
  + .bg-color--lt-grey {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}