/* Ciao Italia custom CSS */

/* section title */
h3 {
	color: var(--hl-color);
}

h3,
h4 {
	margin-top: 2em;
	margin-bottom: 1em;
}

p {
	color: var(--fg-fade-color);
}

.menu-title,
mn-title {
  font-family: "Playfair Display", serif;
  font-size: 3.5rem;
  font-style: italic;
  text-align: center;
  color: var(--hl-color);
  margin-bottom: 0.25rem;
}

.subtitle,
mn-subtitle {
  text-align: center;
  font-size: 0.85rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--fg-color);
  margin-bottom: 3rem;
}

.section-label {
  font-family: "Space Mono", monospace;
  font-size: 0.65rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: #b89a6a;
  border-top: 1px solid var(--bg-color-alt);
  padding-top: 1rem;
  margin-bottom: 1.5rem;
  margin-top: 2.5rem;
}

mn-dish {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  padding: 0.8rem 0;
  border-bottom: 1px dotted #2e2922;
  align-items: baseline;
}
mn-dish.special {
  background: linear-gradient(
    90deg,
    rgba(184, 154, 106, 0.08) 0%,
    transparent 100%
  );
  padding-left: 1rem;
  border-left: 2px solid var(--fg-color);
  margin-left: -1rem;
  border-bottom: none;
  margin-bottom: 0.5rem;
}
mn-dish.consider {
  border-right: 2px solid var(--sel-color);
  margin-right: -2px;
}
mn-dish:last-child {
  border-bottom: none;
}

mn-name {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  color: var(--hl-color);
	display:block;
}

mn-dish.special mn-name::after {
  content: " ✦";
  color: var(--fg-color);
  font-size: 0.7rem;
}

mn-desc {
  font-size: 0.85rem;
  color: var(--fg-fade-color);
  font-style: italic;
  margin-top: 0.15rem;
}
mn-note {
  font-size: 0.85rem;
  color: var(--fg-fade-color);
  /* font-style: italic; */
  margin-top: 0.15rem;
	display:block;
}
mn-price {
  font-family: "Space Mono", monospace;
  font-size: 0.8rem;
  color: var(--fg-color-alt);
  white-space: nowrap;
}