/* Logo du restaurant centré sur chaque image d’en-tête. */
.nav > .brand {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 21px;
  margin: 0;
  transform: translateX(-50%);
  text-align: center;
  text-shadow: 0 2px 14px #000;
  white-space: nowrap;
}

@media (min-width: 801px) {
  .nav {
    height: 132px;
    align-items: flex-start;
  }

  .nav nav {
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: max-content;
    max-width: 94vw;
    transform: translateX(-50%);
  }
}

@media (max-width: 800px) {
  .nav {
    justify-content: flex-end;
  }

  .nav > .brand {
    top: 50%;
    transform: translate(-50%, -50%);
  }

  body:not(.winter-page) .nav .menu-toggle {
    position: absolute;
    z-index: 3;
    top: 126px;
    right: 5vw;
    margin: 0;
    background: rgba(23, 20, 18, .78);
    box-shadow: 0 4px 18px rgba(0, 0, 0, .3);
  }

  body:not(.winter-page) .nav nav {
    top: 176px;
  }
}

.card-header {
  position: relative;
  justify-content: flex-end;
}

.card-header > .brand {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  text-align: center;
  white-space: nowrap;
}

.card-header .back-link {
  position: relative;
  z-index: 2;
}

@media (max-width: 700px) {
  .card-header > .brand {
    font-size: 1.2rem;
  }

  .card-header .back-link {
    padding: .5rem .6rem;
    font-size: .7rem;
  }
}