/**
 * @file
 * Footer regions.
 *
 * Extends the corresponding Olivero stylesheet.
 *
 * @see core/themes/olivero/css/components/footer.css
 */

.site-footer {
  color: var(--fixed-color--gray-95);
  background: var(--fixed-color--gray-0);
  font-family: var(--font-sans);
  font-size: 0.875rem;

  &::before {
    display: block;
    height: 0.5rem;
    content: "";
    background: linear-gradient(
      to right,
      var(--rcak-color--blue) 0 25%,
      var(--rcak-color--pink) 25% 50%,
      var(--rcak-color--orange) 50% 75%,
      var(--rcak-color--green) 75% 100%
    );
  }

  & .menu__link {
    text-decoration: none;
  }

  & .text-content a {
    color: inherit;

    &:hover {
      color: inherit;
    }
  }
}