footer {
  background-color: var(--color-background-complementary);
}

.featured-in-logos {
  padding-top: var(--padding-normal);
  flex-wrap: wrap;
}

.featured-in-logos img {
  height: 3.3rem;
}

.featured-in-logos img:last-child {
  height: 6rem;
}

.footer-nav {
  border-top: var(--border-footer);
  border-bottom: var(--border-footer);
  padding: var(--padding-medium) 0;
  margin: var(--margin-normal) 0;
  line-height: var(--lheight-footer);
}

.footer-nav {
  column-gap: calc(var(--gap-small) * 2);
}

.col-navs {
  grid-template-columns: repeat(auto-fit, minmax(14rem, max-content));
  column-gap: var(--gap-small);
  row-gap: calc(var(--gap-small) * 2);
}

.footer-text,
.footer-nav--links a:link,
.footer-nav--links a:visited,
.copyright {
  color: var(--color-light-grey--3);
}

.footer-nav--links li {
  font-family: var(--font-alaska);
  font-weight: var(--weight-light);
}

.footer-nav--links li:not(:last-child) {
  margin-bottom: calc(var(--margin-small) - 0.5rem);
}

.footer-heading,
.footer-text--contact {
  color: var(--color-white);
}

.footer-text, .copyright-text {
  font-size: var(--font-default);
}

.footer-legal {
  padding-bottom: var(--padding-normal);
}

.footer-logo {
  align-self: end;
  height: auto;
 /* height: calc(var(--logo-height-default) - 1.5rem); */
}

.footer-link {
  margin-left: var(--margin-negative);
}

.footer-link span:hover,
.footer-link span:active {
  border-bottom-color: var(--color-white);
}

.footer-link--mail::before,
.footer-link--phone::before {
  background-color: var(--color-white);
}

.footer-nav--links a:hover,
.footer-nav--links a:active,
a.social-link:hover,
a.social-link:active {
  color: var(--color-white);
}

/* Cookie banner */
.cookie {
  width: 100vw;
  background-color: var(--color-background-complementary);
  padding: var(--padding-normal) var(--padding-normal) var(--padding-medium);
  height: var(--height-cookie);
  color: var(--color-light-grey--1);
  position: fixed;
  bottom: 0;
  z-index: 10000;
}

.cookie-content {
  gap: var(--gap-medium);
  justify-content: center;
}

.cookie-text {
  margin-top: var(--margin-default);
  text-align: center;
}

.cookie-text p {
  font-size: var(--font-default);
}

.cookie-text p:not(:last-child) {
  margin-bottom: var(--margin-small);
}

.cookie-text a {
  padding: 0;
}

.cookie-icon {
  width: 2rem;
  height: 2rem;
}

.cookie-btn {
  background-color: var(--color-cookie-btn);
  color: var(--color-light-grey--1);
  transition: var(--transition-default);
  box-shadow: var(--shadow-dark);
}

.cookie-btn:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}


.cookie.hidden {
  visibility: hidden;
  opacity: 0;
}

/* Responsive design */
@media only screen and (max-width: 84.375em) {
  .col-logo, .col-navs {
    align-self: baseline;
 }

  .col-navs {
    row-gap: var(--gap-normal);
 }
}

@media only screen and (max-width: 70em) {
  .featured-in-logos {
    gap: 8rem;
 }

  .cookie-content {
    gap: 3rem;
    padding: 0 3rem;
 }

  .cookie-text {
    text-align: left;
 }

  .cookie-btn, .cookie-icon {
    margin-top: -2rem;
 }
}

@media only screen and (max-width: 56.25em) {

  .cookie {
    padding: 3rem 0 1rem;
 }

  .cookie-icon {
    display: none;
 }

  .cookie-text {
    margin-top: 0;
 }

  .cookie-btn {
    margin-top: -8rem;
 }

 .footer-legal {
   flex-direction: column;
   align-items: flex-start;
   gap: var(--gap-normal);
 }
}

@media only screen and (max-width: 34.375em) {
  .cookie {
    padding: 2rem;
    height: auto;
 }

 .cookie-content {
   margin-top: 0;
   padding: 0;
   flex-direction: column;
   gap: 12rem;
 }
}