/*
  background: .a-footer--variant, .a-footer--transparent (surface color default)
  horizontal padding: .a-footer--px-sm, .a-footer--px-md, .a-footer--px-lg (no x padding by default)
  divider: .a-footer--divider (no divider by default)
*/

.a-footer {
  --bg: var(--lens-semantic-color-surface-default);
  --px: var(--lens-semantic-spacing-desktop-padding-0);
  --pt: var(--lens-semantic-spacing-desktop-padding-2);
  --pb: var(--lens-semantic-spacing-desktop-padding-0);
  --border-color: var(--lens-semantic-color-ui-divider-default);
  --border-width: var(--lens-semantic-border-width-thin);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background: var(--a-footer-bg, var(--bg));
  padding-inline: var(--a-footer-px, var(--px));
  padding-block-start: var(--a-footer-pt, var(--pt));
  padding-block-end: var(--a-footer-pb, var(--pb));
  &.a-footer--variant {
    --bg: var(--lens-semantic-color-surface-variant);
  }
  &.a-footer--transparent {
    --bg: var(--lens-core-color-transparent);
  }
  &.a-footer--px-sm {
    --px: var(--lens-semantic-spacing-desktop-padding-2);
  }
  &.a-footer--px-md {
    --px: var(--lens-semantic-spacing-desktop-padding-3);
  }
  &.a-footer--px-lg {
    --px: var(--lens-semantic-spacing-desktop-padding-6);
  }
  &.a-footer--divider {
    border-block-start: var(--a-footer-border-width, var(--border-width)) solid
      var(--a-footer-border-color, var(--border-color));
  }
}

.a-footer-content-lg,
.a-footer-content-sm,
.a-footer-content-lg-leading,
.a-footer-content-lg-trailing {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  gap: var(--gap);
}

.a-footer-content-lg {
  --gap: var(--a-footer-content-lg-gap, var(--lens-semantic-spacing-desktop-gap-1-5));
  justify-content: space-between;
  &:not(:has(.a-footer-content-lg-leading + .a-footer-content-lg-trailing)) {
    justify-content: flex-end;
  }
  &:has(
    .a-footer-content-lg-leading + .a-footer-content-lg-center + .a-footer-content-lg-trailing
  ) {
    justify-content: space-between;
  }
}

.a-footer-content-lg-leading {
  --gap: var(--a-footer-content-lg-leading-gap, var(--lens-semantic-spacing-desktop-gap-1-5));
}

.a-footer-content-lg-trailing {
  --gap: var(--a-footer-content-lg-trailing-gap, var(--lens-semantic-spacing-desktop-gap-1-5));
}

.a-footer-content-sm {
  --gap: var(--a-footer-content-sm-gap, var(--lens-semantic-spacing-desktop-gap-1-5));
  flex-direction: column;
  align-items: stretch;
}

@media (max-width: 480px) {
  .a-footer-content-sm {
    display: flex;
  }
  .a-footer-content-lg {
    display: none;
  }
}

@media (min-width: 481px) {
  .a-footer-content-sm {
    display: none;
  }
  .a-footer-content-lg {
    display: flex;
  }
}