/* Local Dining (/enjoy-local-cuisine/) — Figma 1169:9556 (karty .ch-dcard v cr.css) + obsah puvodniho webu:
   doporucene restaurace z Guest Manualu, "Savour the Land, Sea, and Season" se 4 bannery surovin. */

/* odkaz "Visit Website" nad celou kartou neni — karta ma vic informaci, odkaz jen v textu */
.ch-dcard:hover .ch-card__t { color: var(--ch-red); transition: color .2s; }
#where-to-dine .ch-intro { padding-top: calc(72 * var(--u)); }

/* ---------------------------------------------------------------- Recommended dining (guest manual) */
.cr-recd { display: grid; grid-template-columns: calc(544 * var(--u)) 1fr; gap: 32px calc(120 * var(--u)); padding-top: calc(32 * var(--u)); padding-bottom: calc(120 * var(--u)); }
.cr-recd__head { display: flex; flex-direction: column; gap: 16px; }
.cr-recd__head .ch-p { color: var(--ch-ink); max-width: 30em; }
.cr-recd__list { display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; border-top: 1px solid var(--ch-line); }
.cr-recd__list li { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 2px 16px; padding: 18px 0; border-bottom: 1px solid var(--ch-line); }
.cr-recd__n { font-family: var(--font); font-weight: 500; font-size: max(15px, calc(17 * var(--u))); line-height: 1.35; text-transform: uppercase; }
.cr-recd__w { grid-column: 1; font-family: var(--ch-roboto); font-size: max(13px, calc(14 * var(--u))); color: var(--ch-muted); }
.cr-recd__tel { grid-column: 2; grid-row: 1 / 3; align-self: center; font-family: var(--ch-roboto); font-weight: 500; font-size: max(13px, calc(14 * var(--u))); white-space: nowrap; color: var(--ch-ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .2s; }
.cr-recd__tel:hover { color: var(--ch-red); }

/* ---------------------------------------------------------------- Savour the land, sea and season */
.cr-taste { padding-top: calc(120 * var(--u)); padding-bottom: calc(40 * var(--u)); border-top: 1px solid var(--ch-line); }
.cr-taste__head { display: grid; grid-template-columns: 1fr calc(640 * var(--u) + 80px); gap: 24px calc(96 * var(--u)); align-items: start; padding-bottom: calc(96 * var(--u)); }
.cr-taste__head .ch-h { margin-top: 20px; max-width: 14ch; }
.cr-taste__copy { display: flex; flex-direction: column; gap: 16px; color: var(--ch-ink); }
.cr-taste__copy .ch-lead { font-style: italic; }

.cr-harvests { display: flex; flex-direction: column; gap: calc(120 * var(--u)); }
.cr-harvest { display: grid; grid-template-columns: 1fr 1fr; gap: 32px calc(120 * var(--u)); align-items: center; }
.cr-harvest--rev .cr-harvest__img { order: 2; }
.cr-harvest__img img { aspect-ratio: 5 / 4; object-fit: cover; }
.cr-harvest__txt { display: flex; flex-direction: column; gap: 16px; }
.cr-harvest__txt > .ch-p { color: var(--ch-ink); }
.cr-harvest__n { font-family: var(--font); font-size: max(32px, calc(64 * var(--u))); line-height: 1; color: var(--ch-red); }
.cr-harvest__n span { font-size: .3em; letter-spacing: 1.5px; color: var(--ch-muted); vertical-align: top; }
.cr-harvest__t { font-family: var(--font); font-weight: 400; font-size: max(24px, calc(40 * var(--u))); line-height: 1.15; text-transform: uppercase; }
.cr-harvest__list { display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; margin-top: 8px; border-top: 1px solid var(--ch-line); }
.cr-harvest__list li { display: flex; flex-direction: column; gap: 2px; padding: 12px 0; border-bottom: 1px solid var(--ch-line); font-family: var(--ch-roboto); font-size: max(13px, calc(15 * var(--u))); line-height: 1.45; }
.cr-harvest__list b { font-weight: 500; color: #000; }
.cr-harvest__list span { color: var(--ch-muted); }

.cr-taste + .cr-hstrip { padding-top: calc(160 * var(--u)); }

@media (max-width: 1279px) {
  .cr-recd__list { grid-template-columns: 1fr; }
}
@media (max-width: 1023px) {
  .cr-recd { grid-template-columns: 1fr; }
  .cr-taste__head { grid-template-columns: 1fr; }
  .cr-harvest { grid-template-columns: 1fr; }
  .cr-harvest--rev .cr-harvest__img { order: 0; }
}
@media (max-width: 767px) {
  #where-to-dine .ch-intro { padding-top: 48px; }
  .cr-recd { padding-top: 16px; padding-bottom: 64px; }
  .cr-recd__list li { grid-template-columns: 1fr; }
  .cr-recd__tel { grid-column: 1; grid-row: auto; justify-self: start; padding: 6px 0; }
  .cr-taste { padding-top: 56px; }
  .cr-taste__head { padding-bottom: 40px; }
  .cr-harvests { gap: 64px; }
  .cr-harvest__list { grid-template-columns: 1fr; }
}