@import url('../../css/menu-drilldown.css');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Jost:wght@300;400;500;600&display=swap');

/* ============================================================
   FINE DINING (2026-08-09) — tasting menus, hotel restaurants.
   Near-black, gold hairlines, engraved caps. One category per row so
   each photograph gets the whole width; dish rows drop the card
   surface entirely and separate on a hairline instead.
   ============================================================ */

:root {
    --ym-primary: #c2a24a;
    --ym-primary-dark: #9c8036;
    --ym-ink: #f2efe8;
    --ym-muted: #9d968a;
    --ym-bg: #0c0c0e;
    --ym-card: #151517;
    --ym-border: #2a2924;
    --ym-radius: 2px;
    --ym-radius-sm: 2px;
    --ym-shadow: none;
    --ym-shadow-lg: 0 -14px 44px rgba(0, 0, 0, .7);

    --cg-font-body: 'Jost', -apple-system, sans-serif;
    --cg-font-display: 'Cinzel', Georgia, serif;

    --cg-hero-min: 260px;
    --cg-hero-pad: 26px 22px 28px;
    --cg-scrim: linear-gradient(to bottom, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .78) 100%);
    --cg-hero-name-size: 26px;
    --cg-hero-name-weight: 500;
    --cg-hero-name-spacing: .14em;
    --cg-hero-name-transform: uppercase;
    --cg-logo-size: 52px;
    --cg-logo-radius: 2px;

    --cg-cols: 1;
    --cg-cols-wide: 2;
    --cg-gap: 18px;
    --cg-cat-ratio: 21 / 9;
    --cg-cat-radius: 2px;
    --cg-cat-name-size: 14px;
    --cg-cat-name-weight: 500;
    --cg-cat-name-align: center;
    --cg-cat-name-transform: uppercase;
    --cg-cat-name-spacing: .18em;
    --cg-cat-overlay: linear-gradient(to bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, .45));

    --cg-card-radius: 0;
    --cg-card-pad: 16px 0;
    --cg-card-gap: 0;
    --cg-thumb: 74px;
    --cg-thumb-radius: 2px;
    --cg-name-size: 15px;
    --cg-name-weight: 500;
    --cg-name-transform: uppercase;
    --cg-name-spacing: .1em;
    --cg-price-size: 15px;
    --cg-price-color: var(--ym-primary);

    --cg-pill-radius: 0;
    --cg-pill-bg: transparent;
    --cg-pill-active-bg: var(--ym-primary);
    --cg-pill-active-ink: #0c0c0e;
    --cg-search-radius: 0;
    --cg-chip-radius: 0;
    --cg-badge-radius: 0;
    --cg-section-title-size: 17px;
    --cg-section-title-weight: 500;
}

/* Dish rows: no surface, a gold-tinted hairline between courses. */
.ym-card { background: none; border-bottom: 1px solid var(--ym-border); }
.ym-list > .ym-card:last-child { border-bottom: none; }
.ym-card-name { line-height: 1.35; }
.ym-card-desc { font-size: 12px; font-style: italic; }
.ym-section-title { text-transform: uppercase; letter-spacing: .18em; text-align: center; }

.ym-search { background: transparent; border-color: var(--ym-border); box-shadow: none; }
.ym-cg-back, .ym-icon-btn.ym-lang-toggle { background: transparent; border: 1px solid var(--ym-border); box-shadow: none; border-radius: 0; }
.ym-cg-title, .ym-cg-crumb { font-size: 14px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; }
.ym-cg-cat-name { margin-top: 12px; }
.ym-cg-cat-count { background: rgba(0, 0, 0, .6); border: 1px solid var(--ym-primary); color: var(--ym-primary); border-radius: 0; }
.ym-badge { background: rgba(194, 162, 74, .12); color: var(--ym-primary); letter-spacing: .08em; }
.ym-hero-name { text-shadow: 0 2px 18px rgba(0, 0, 0, .6); }
.ym-sticky-head.is-stuck { box-shadow: 0 1px 0 var(--ym-border); }
.ym-sheet { border-radius: 0; }
.ym-sheet-title { text-transform: uppercase; letter-spacing: .1em; font-size: 17px; font-weight: 500; }
.ym-allergen-chip, .ym-nutri { background: rgba(255, 255, 255, .04); border-color: var(--ym-border); }