/* ============================================
   Block: Text Section
   ============================================ */

.block-text-section {
  & .heading {
    margin-bottom: var(--space-md);
  }

  & .content {
    font-size: 1.0625rem;
    line-height: 1.8;

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

  &.align-center {
    text-align: center;
  }

  &.align-right {
    text-align: right;
  }

  &.narrow .container {
    max-width: var(--max-width-narrow);
  }

  &.wide .container {
    max-width: var(--max-width-wide);
  }

  &.pt-sm { padding-top: var(--space-sm); }
  &.pt-md { padding-top: var(--space-md); }
  &.pt-lg { padding-top: var(--space-lg); }
  &.pt-xl { padding-top: var(--space-xl); }

  &.pb-sm { padding-bottom: var(--space-sm); }
  &.pb-md { padding-bottom: var(--space-md); }
  &.pb-lg { padding-bottom: var(--space-lg); }
  &.pb-xl { padding-bottom: var(--space-xl); }

  &.bg-alt {
    background: var(--color-bg-alt);
  }

  &.bg-dark {
    background: var(--color-bg-dark);
    color: var(--color-text-inverse);

    & .heading {
      color: var(--color-text-inverse);
    }
  }
}