/* کافه داستانی — Markazi Text, warm espresso & cream */
:root {
  --cream: #faf6f0;
  --espresso: #3c2a21;
  --latte: #a67c52;
  --foam: #fffdf9;
  --muted: #7a6a5c;
}
body.cafe {
  font-family: "Markazi Text", "Georgia", serif;
  background: var(--cream);
  color: var(--espresso);
  font-size: 1.125rem;
}
.ca-nav {
  width: min(720px, 92%); margin: 0 auto; padding: 1.5rem 0 0.5rem;
  display: flex; justify-content: space-between; align-items: baseline;
}
.ca-nav .brand { font-size: 1.6rem; font-weight: 700; }
.ca-nav a { font-size: 1rem; color: var(--latte); margin-right: .9rem; }
/* HERO: NO big image — typographic story opener */
.ca-story-open {
  width: min(720px, 92%); margin: 2rem auto 3rem;
  padding: 2rem 0 2.5rem; border-bottom: 2px solid var(--espresso);
}
.ca-story-open .chapter {
  font-size: .85rem; letter-spacing: .18em; color: var(--latte);
  text-transform: uppercase; margin-bottom: 1rem; font-family: system-ui, sans-serif;
}
.ca-story-open h1 {
  font-size: clamp(2.4rem, 6vw, 3.8rem); font-weight: 700; line-height: 1.2;
  margin-bottom: 1.25rem;
}
.ca-story-open .drop {
  float: right; font-size: 4.5rem; line-height: .85; padding-left: .35rem;
  color: var(--latte); font-weight: 700;
}
.ca-story-open p { margin-bottom: 1rem; line-height: 1.85; color: #4a3b30; }
.ca-story-open .sign { margin-top: 1.5rem; font-style: italic; color: var(--muted); }
/* Section order: Narrative → Menu list → Map embed → Hours */
.ca-block { width: min(720px, 92%); margin: 0 auto; padding: 2rem 0; }
.ca-block h2 {
  font-size: 1.9rem; margin-bottom: 1rem; border-right: 4px solid var(--latte);
  padding-right: .75rem;
}
.ca-menu-list { background: var(--foam); border-radius: 8px; padding: 1.5rem; }
.ca-menu-list li {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: .85rem 0; border-bottom: 1px dashed #e0d5c8; gap: 1rem;
}
.ca-menu-list li:last-child { border-bottom: none; }
.ca-menu-list .name { font-weight: 700; }
.ca-menu-list .desc { display: block; font-size: .95rem; color: var(--muted); font-weight: 400; }
.ca-menu-list .price { white-space: nowrap; color: var(--latte); font-weight: 700; }
.ca-map {
  border-radius: 12px; overflow: hidden; border: 3px solid var(--espresso);
  aspect-ratio: 16/10; background: #ddd;
}
.ca-map iframe { width: 100%; height: 100%; border: 0; display: block; }
.ca-hours {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;
  background: var(--espresso); color: var(--cream); border-radius: 12px;
  padding: 1.75rem; margin-top: 1rem;
}
@media (max-width: 520px) { .ca-hours { grid-template-columns: 1fr; } }
.ca-hours h3 { font-size: 1.2rem; margin-bottom: .75rem; color: var(--latte); }
.ca-hours ul li { padding: .3rem 0; font-size: 1.05rem; }
.ca-hours .addr { opacity: .9; line-height: 1.7; }
.ca-photo {
  margin: 2rem auto; width: min(720px, 92%); border-radius: 8px; overflow: hidden;
}
.ca-photo img { width: 100%; aspect-ratio: 21/9; object-fit: cover; }
.ca-footer {
  width: min(720px, 92%); margin: 2rem auto 3rem; text-align: center;
  font-size: .95rem; color: var(--muted); padding-top: 1.5rem;
  border-top: 1px solid #e0d5c8;
}