/* comp.footer.css */
/* Footer styles placeholder (add when the footer markup is introduced). */

footer {
  font-size: var(--font-size-small);
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

footer .footer-content__left {
  background-color: var(--color-secondary);
}

footer .footer-content__right {
  display: flex;
  align-items: end;
  justify-content: end;
  background-color: #fff;
}

span.copyright-text {
  width: 100%;
  text-align: right;
  font-size: var(--font-size-small);
  color: var(--color-text-secondary);
}

/* show on < md; hide on md+ to keep your desktop layout unchanged */
@media (max-width: 991.98px) {
  footer .footer-content__right {
    display: flex;
    background-color: var(--color-secondary);
  }
}