/* ─────────────────────────────
   CARTE RESTO — CSS
   Conçu pour s'afficher bien
   sur écran ET tenir sur A4
───────────────────────────── */

/* ── MENUS GRID ── */
.cr-menus {
  flex: 1;
  display: flex;
  gap: 8mm;
  align-items: stretch;
  margin: 4mm 0;
}

.cr-cols-1 { flex-direction: column; }
.cr-cols-2 { flex-direction: row; }

/* ── MENU CARD ── */
.cr-menu-card {
  flex: 1;
  background: rgba(201,168,76,0.07);
  border: 1px solid rgba(201,168,76,0.45);
  display: flex;
  flex-direction: column;
  padding: 8mm 7mm 7mm;
  position: relative;
}

.cr-menu-card::before {
  content: '';
  position: absolute;
  inset: 5px;
  border: 0.5px solid rgba(201,168,76,0.2);
  pointer-events: none;
}

/* ── HEADER DU MENU ── */
.cr-menu-header {
  text-align: center;
  padding-bottom: 4mm;
}

.cr-menu-name {
  font-family: 'Cinzel', serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #1a1208;
  letter-spacing: 0.1em;
  margin: 0 0 4mm;
  line-height: 1.3;
  text-transform: uppercase;
}

.cr-menu-price {
  display: inline-block;
  font-family: 'Cinzel', serif;
  font-size: 1.8rem;
  font-weight: 600;
  color: #c9a84c;
  letter-spacing: 0.04em;
  border: 1px solid rgba(201,168,76,0.5);
  padding: 2mm 8mm;
  background: rgba(201,168,76,0.08);
}

/* ── ITEMS ── */
.cr-menu-items {
  list-style: none;
  margin: 4mm 0 0;
  padding: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
}

.cr-menu-item {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.05rem;
  color: #1a1208;
  text-align: center;
  padding: 4mm 0;
  border-bottom: 0.5px solid rgba(201,168,76,0.25);
  line-height: 1.4;
}

.cr-menu-item::before {
  content: '✦';
  display: block;
  font-size: 0.5rem;
  color: #c9a84c;
  opacity: 0.6;
  margin-bottom: 1.5mm;
}

.cr-phrase {
  text-align: center;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 0.85rem;
  color: #8b6914;
  margin-top: 3mm;
  opacity: 0.85;
}

.cr-menu-item:last-child { border-bottom: none; }

/* ── MOBILE ── */
@media (max-width: 768px) {
  .cr-menus { flex-direction: column !important; gap: 4mm; }
  .cr-menu-card { padding: 5mm; }
  .cr-menu-price { font-size: 1.3rem; }
  .cr-menu-item { font-size: 0.95rem; padding: 3mm 0; }
}