/**
 * Navigation in the footer that has a unique layout
 *
 */

.c-footer {
  @include z(z-footer);
  padding-top: 60px;
  @include font(mid, 24);
  color: palette(secondary);
  background-color: palette(primary);

  .is-highlighted {
    color: white;
    @include font-weight(semi-bold);
  }
}

.c-footer__contain {
  @include mq($max: 1200) {
    padding: 0 40px;
  }
  @include mq(1200) {
    @include contain;
  }
}

.c-footer__logo {
  display: block;
  width: 50%;
  max-width: 242px;
  margin: 0 auto 60px;
  color: white;

  svg {
    width: 100%;
  }
}

.c-footer__main {
  margin: auto;
  @include mq(1375) {
    width: column(10, 12);
  }
}

.c-footer__nav, .c-footer__opening-hours {
  position: relative;
  @include flex(flex-start, flex-start);
  padding: 50px 0;
  border-top: 2px solid rgba(palette(secondary), 0.5);
  //padding-bottom: 90px;
}

.c-footer__opening-hours {
  padding-bottom: 100px;
}

.c-footer__primary {
  width: column(4, 10);
}

.c-footer__col {
  width: column(2, 10);
}

.c-footer__col-double {
  width: column(4, 10);
}

.c-footer__socials {
  @include flex(flex-start, center);

  > * + * {
    margin-left: 40px;
  }

  @include mq($max: 1000) {
    margin-top: 25px;
  }
  @include mq(1000) {
    position: absolute;
    right: 0;
    top: 50px;
    width: column(1, 10);
    @include flex(flex-end);
  }

}

.c-footer__social {
  display: inline-block;
  color: palette(secondary);
  transition: color 0.2s;

  &:hover {
    color: rgba(palette(secondary), 0.5);
  }
}

.c-footer__title {
  margin-bottom: 25px;
  @include font-weight(semi-bold);
  color: palette(secondary, 100);
}

.c-footer__list {
  padding: 0;
  margin: 0;
  list-style: none;

  @include owl-children(5px);
}

.c-footer__link {
  display: inline-block;
  padding: 5px 0;
  text-decoration: none;
  @include font-weight(medium);
  color: palette(secondary);
  transition: color 0.2s;

  &:not(.is-highlighted):hover {
    color: rgba(palette(secondary), 0.5);
  }
}

.c-footer__inline-link {
  text-decoration: none;
  color: palette(secondary);
}

.c-footer__text {
  padding: 5px 0;
  @include owl(5px);
}

.c-footer__col,
.c-footer__col-double {
  > .c-footer__text:first-child {
    padding-top: 0;
  }
}

.c-footer__day {
  display: inline-block;
  width: 80px;
  margin-right: 40px;


  @include mq(1000) {
    width: 35px;
  }
}

.c-footer__day--long {
  width: 80px;
}

@include mq(1000) {
  .c-footer__day--long.c-footer__day--indent {
    margin-left: -125px;
  }
}

@include mq($max: 1000) {
  .c-footer__col-double--contact {
    margin-top: 50px;
    border-top: 2px solid rgba(palette(secondary), 0.5);
    padding-top: 50px;
  }

  .c-footer__col-double {
    width: 100%;
  }

  .c-footer__opening-hours {
    .c-footer__primary {
      width: 100%;
    }

    .c-footer__col {
      width: 100%;
    }

    .c-footer__open-saturday {
      margin-top: 25px;
    }

    @include owl-children(25px);
  }
}

@include mq(650, 1000) {
  .c-footer__nav, .c-footer__opening-hours {
    flex-wrap: wrap;
  }

  .c-footer__primary {
    width: column(5, 8);
  }
}

@include mq($max: 650) {
  .c-footer__nav, .c-footer__opening-hours {
    display: block;
  }

  .c-footer__primary,
  .c-footer__col {
    width: 100%;
  }

  .c-footer__secondary {
    margin-top: 25px;

    .c-footer__title {
      display: none;
    }
  }
}

@include mq($max: 360) {
  .c-footer__opening-hours {
    .c-footer__text {
      @include flex(space-between, center);
    }
  }
}