/* ==========================================================================
   eat-drink.css (/eat-drink/ only)
   Sits on top of tokens.css + base.css + home.css + subpage.css, the same way
   contact.css, reviews.css, relax.css and about.css sit on the shared chrome.
   Everything structural (header, footer, nav, the flat subpage hero, bands,
   buttons, inset-split, callout, guides grid, closing CTA, reveal) is
   inherited. Every value here references tokens.css. No hex, ever.

   Deliberately small. This page introduces NO new section style and NO new
   component: the venue directories are the .guides-grid / .guide-card pair
   already defined in home.css (authored for the homepage Guides teaser and
   unused until now) and the two photo bands are the standard .inset-split. All
   that is left for this file is the dark-band variant of the guides component,
   which home.css only ever authored for a light band, plus three measure caps.
   (Until Rev 36 this file also styled a .callout inside the Lumachelle card;
   the client's copy folded that restriction into the card paragraph, so both
   the panel and its rule are gone. There is no .callout on this page now.)
   ========================================================================== */

/* --- Guides component on a Forest band -----------------------------------
   .guide-card__title / .guide-card__cta and the rule under .guides-grid are
   hard-coded to the on-light roles in home.css, because the teaser they were
   written for only ever sat on linen. §3 (Wineries & cellar doors) puts the
   same component on .band--olive, so the on-light roles flip to their on-dark
   counterparts. Same tokens, same component, other side of the band
   alternation. The .guide-card__cta override went with the cta lines in Rev
   36; restore it if a cta ever returns to a Forest guides band.

   The :hover / :focus-within title colour is NOT overridden: it is
   --color-accent on both bands, exactly as .cabin-card__title already behaves
   on Forest, and Copper on Forest at H3 size clears large-text contrast
   (Copper is never used here at body size or as a fill).
   Reverse: delete this block and §3 renders Forest-on-Forest. */
.band--olive .guides-grid { border-block-end-color: var(--border-on-dark); }
.band--olive .guide-card__title { color: var(--color-text-on-dark); }

/* --- Measure caps ---------------------------------------------------------
   .guides__head carries no measure of its own (the teaser it was built for had
   a heading and nothing else). Both directory sections lead with a sentence of
   copy, so cap it the way .producers__head is capped, and give the heading the
   same sm/md rhythm .producers__head h2 uses.

   The venue blurbs sit in a two-column grid inside a 1200px container, so each
   card is already near 46ch at desktop; the cap only bites in the single-column
   range between 640px and roughly 820px, where an uncapped line would run the
   full container. Reverse: delete these three rules, nothing structural moves. */
.guides__head { max-width: 40rem; }
.guides__head h2 { margin-block: var(--space-sm) var(--space-md); }
.guide-card p { max-width: 46ch; }

/* --- Lumachelle booking note ---------------------------------------------
   The one hard constraint on the page: lunch on two days only, limited
   availability. Rev 36 folded it into the card's paragraph with the client's
   other copy; Rev 37 lifts it back out onto its own line so it reads as a
   note about booking rather than as the tail of the description.

   Small and italic, at the same secondary Forest tone .guide-card__cta used,
   so it steps back from the description without a panel, a rule or a fill.
   The italic is a REAL face (see fonts.css): the site ships Montserrat italic
   as of Rev 37, so this is drawn italic, not the faux oblique base.css rules
   out on <em>. That rule is untouched and <em> is still roman-plus-weight
   everywhere; this is the only italic on the site.

   Sits on .band--light only, so no on-dark variant is needed. If a note ever
   lands on the Forest band it needs --color-text-on-dark-alt, the way the old
   .band--olive .guide-card__cta override worked.
   Reverse: delete this block and the note renders as plain body copy. */
.guide-card__note {
  margin-block-start: var(--space-xs);
  color: var(--color-text-on-light-2);
  font-size: var(--fs-small);
  font-style: italic;
}