/* Grid Container */

/* First container */

.wp-block-uagb-container.grid-container-txt-img {
  gap: var(--gap-xl) !important;
}

.wp-block-uagb-container.grid-container-txt-img h2.uagb-heading-text {
  margin-bottom: calc(var(--gap-m) / 1.5);
}

.wp-block-uagb-container.grid-container-text-btn {
  gap: var(--gap-m) !important;
  max-width: 45% !important;
}

.wp-block-uagb-container.grid-container-imgs {
  gap: var(--gap-l) !important;
}

.wp-block-uagb-container.grid-container-imgs
  > .wp-block-uagb-container:first-child {
  min-width: 56.36% !important;
}

.wp-block-uagb-container.grid-container-imgs
  > .wp-block-uagb-container:last-child {
  max-width: 39.55% !important;
}

.wp-block-uagb-container.grid-container-imgs img {
  object-fit: cover;
}

/* Grid Container Reverse */
.wp-block-uagb-container.grid-container-reverse {
  gap: var(--gap-l);
}

.wp-block-uagb-container.grid-container-reverse-text-btn {
  gap: var(--gap-m);
}

.wp-block-uagb-container.grid-container-reverse-text-btn h2.uagb-heading-text {
  margin-bottom: calc(var(--gap-m) / 1.5);
}

.wp-block-uagb-container.grid-container-reverse
  .wp-block-uagb-container.grid-container-imgs
  > .wp-block-uagb-container:last-child {
  min-width: 56.36% !important;
}
.wp-block-uagb-container.grid-container-reverse
  .wp-block-uagb-container.grid-container-imgs
  > .wp-block-uagb-container:first-child {
  max-width: 39.55% !important;
  min-width: unset !important;
}

.wp-block-uagb-container.cont-zimmer-grid {
  margin-bottom: calc(var(--cont-gap) + 60px) !important;
}

/* Grid layout over 766px */

.wp-block-uagb-container.grid-container.grid-container-reverse
  > .uagb-container-inner-blocks-wrap {
  width: 90% !important;
}
.wp-block-uagb-container.grid-container.grid-container-reverse
  > .uagb-container-inner-blocks-wrap,
.wp-block-uagb-container.grid-container.default.uagb-is-root-container.in-view {
  margin-inline: auto !important;
  max-width: 1280px !important;
}

@media (min-width: 767px) {
  .wp-block-uagb-container.grid-container,
  .wp-block-uagb-container.grid-container.grid-container-reverse
    > .uagb-container-inner-blocks-wrap {
    row-gap: var(--gap-l) !important;
  }

  /* Grid layout IMG RIGHT */

  .wp-block-uagb-container.grid-container-reverse
    > .uagb-container-inner-blocks-wrap,
  .wp-block-uagb-container.grid-container.default.uagb-is-root-container.in-view {
    display: grid !important;
    grid-template-columns: repeat(14, 1fr);
    column-gap: 0 !important;
  }

  .wp-block-uagb-container.grid-container.default.uagb-is-root-container.in-view
    > .grid-container-txt-img {
    grid-column: 1 / 14;
    margin: auto !important;
  }

  .wp-block-uagb-container.grid-container.default.uagb-is-root-container.in-view
    > .grid-container-imgs {
    grid-column: 3 / 15;
    justify-self: end;
  }

  /* Reverse Grid */

  .grid-container-reverse .wp-block-uagb-container.grid-container-txt-img {
    grid-column: 2/15;
    justify-self: end;
  }

  .grid-container-reverse .wp-block-uagb-container.grid-container-imgs {
    grid-column: -15 / -3;
    justify-self: start;
    justify-content: space-between;
  }
}

/* Button Read more styling */
@media (min-width: 767px) and (max-width: 1199px) {
  .read-more-toggle {
    display: inline;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: var(--ast-global-color-3);
    cursor: pointer;
    text-decoration: underline;
    box-shadow: none;
  }
}

@media (max-width: 766px), (min-width: 1200px) {
  .read-more-toggle {
    display: none !important;
  }
}

/* Grid format under 766px */
@media (max-width: 766px) {
  .wp-block-uagb-container.cont-zimmer-grid {
    margin-bottom: var(--cont-gap) !important;
  }

  .wp-block-uagb-container.grid-container-text-btn
    .wp-block-uagb-advanced-heading:has(h2) {
    max-width: 75% !important;
  }
  /* Text first  >IMG */
  .grid-container:not(.grid-container-reverse)
    .grid-container-txt-img
    > .wp-block-uagb-container:last-of-type {
    max-width: 70% !important;
    margin-right: clamp(1.25rem, -0.548rem + 7.67vw, 3.125rem) !important;
    margin-left: auto !important;
  }
  .wp-block-uagb-container.grid-container-text-btn {
    max-width: 100% !important;
  }

  /* IMGS  */
  .wp-block-uagb-container.grid-container-imgs.uagb-is-root-container {
    flex-wrap: nowrap !important;
    justify-content: space-between;
  }
  .wp-block-uagb-container.grid-container-imgs.uagb-is-root-container
    > .wp-block-uagb-container:first-child {
    max-width: 56%;
  }

  /* Reverse Container */

  .wp-block-uagb-container.grid-container.grid-container-reverse
    .grid-container-txt-img
    > .wp-block-uagb-container:has(img) {
    max-width: 56% !important;
    margin-left: clamp(1.25rem, -0.548rem + 7.67vw, 3.125rem);
  }

  .wp-block-uagb-container.grid-container.grid-container-reverse
    .grid-container-imgs {
    margin-bottom: calc(var(--gap-xl) * 1.7) !important;
  }

  .grid-container-reverse::after {
    top: auto !important;
    bottom: clamp(450px, calc(646px - 25.6vw), 550px);
  }

  .wp-block-uagb-container.grid-container-imgs,
  .grid-container > .uagb-container-inner-blocks-wrap,
  .wp-block-uagb-container.grid-container {
    gap: calc(var(--gap-s) * 1.5) !important;
  }

  .wp-block-uagb-container.grid-container-txt-img {
    gap: calc(var(--gap-xl) * 2) !important;
  }
}

@media (max-width: 375px) {
  .grid-container-reverse::after {
    transform: translateY(-155%) !important;
  }
}