/**
 * Styles for the `cont-heading` class.
 * Defines consistent typography, spacing, and alignment for container headings.
 */

.wp-block-uagb-container.cont-heading {
  gap: 0 !important;
}

.cont-heading > :first-child {
  margin-bottom: var(--gap-m);
}

.wp-block-uagb-container.cont-heading
  .wp-block-uagb-advanced-heading:first-child:not(:only-child)
  .uagb-heading-text::before {
  content: "";
  display: block;
  width: 100%;
  height: 29px;
  background-image: url("/wp-content/themes/astra-impuls-child/img/heading-before.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.wp-block-uagb-container.cont-heading h1::before {
  margin-bottom: var(--gap-m);
}

.wp-block-uagb-container.cont-heading h3::before {
  margin-bottom: var(--gap-m);
}

@media (max-width: 576px) {
  .wp-block-uagb-container.cont-heading
    .wp-block-uagb-advanced-heading:first-child:not(:only-child)
    .uagb-heading-text::after {
    height: 3px;
  }

  .wp-block-uagb-container.cont-heading h3::before {
    margin-bottom: var(--gap-m);
  }
}