/* Sommaire : complète style.css et carnet.css */

.menu .c-head h1 span { color: var(--red); font-size: 0.8em; }

.menu-list {
  display: flex;
  flex-direction: column;
  gap: 26px;
  padding: 18px 26px 60px;
}

.menu-card {
  display: block;
  padding: 18px 20px 16px;
  color: var(--ink);
  text-decoration: none;
  background-color: #fbf8f1;
  background-image: var(--grain);
  border: 1.5px solid var(--ink);
  border-radius: 6px 14px 8px 12px / 12px 6px 14px 8px;
  box-shadow: 0 8px 22px rgba(60, 40, 10, 0.1);
  transform: rotate(-1deg);
  transition: transform 0.2s;
  -webkit-tap-highlight-color: transparent;
}
.menu-card.mc-liste { transform: rotate(1.2deg); border-color: var(--red); }
.menu-card.mc-cartes { transform: rotate(-0.6deg); background-color: #fffdf8; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 10px 24px rgba(60, 40, 10, 0.16); }
.menu-card:active { transform: scale(0.98) rotate(0deg); }

.mc-kicker {
  display: block;
  font-family: var(--serif);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.7;
}
.mc-title {
  display: block;
  font-family: var(--hw);
  font-weight: 700;
  font-size: 44px;
  line-height: 1.05;
  margin: 6px 0 4px;
}
.mc-liste .mc-title { color: var(--red); }
.mc-sub {
  display: block;
  font-family: var(--serif);
  font-style: italic;
  font-size: 15px;
}

.menu-small {
  align-self: flex-end;
  font-family: var(--hw);
  font-size: 24px;
  color: var(--ink);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  padding: 4px 6px;
}

/* Lien vers le sommaire, posé sur le magazine (en bas à gauche, la musique est à droite) */
.to-menu {
  position: fixed;
  left: max(12px, calc((100vw - var(--col)) / 2 + 12px));
  bottom: calc(env(safe-area-inset-bottom) + 22px);
  z-index: 5;
  font-family: var(--serif);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink);
  text-decoration: none;
  padding: 7px 11px 6px;
  border-radius: 999px;
  background: rgba(244, 238, 226, 0.92);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}