/* ================================================================
   LIQUOR MENU PAGE
   Loads after eclipse-main (main.css) and relies on its :root tokens
   plus the shared .menu-content/.filter-bar/.dish/.wine-row list
   classes already used on the homepage Liquor tab. Mobile-first: base
   rules target ≤767px, then two min-width layers add the tablet and
   desktop layouts.

   Note: the quick-jump category nav below is a plain <div> (not a <nav>
   tag) on purpose — main.css has a bare `nav{...}` rule (position:sticky,
   height:64px) written for the site's #mainnav, and any <nav> element
   inherits it unless explicitly reset. Using a div sidesteps that
   collision entirely.
   ================================================================ */

/* ── PAGE HEADING (plain text, no image/hero banner) ── */
.lq-heading{
  padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,5vw,3rem) clamp(1.25rem,3vw,1.75rem);
  background:#fff;
  text-align:center;
}
.lq-heading-inner{max-width:640px;margin:0 auto;}
.lq-eyebrow{
  font-family:'Inter',sans-serif;
  font-size:clamp(0.65rem,1.2vw,0.75rem);
  font-weight:600;
  letter-spacing:0.4em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:0.75rem;
}
.lq-title{
  font-family:'Libre Baskerville',serif;
  font-size:clamp(1.8rem,5vw,2.75rem);
  font-weight:700;
  color:var(--navy);
  line-height:1.15;
  margin-bottom:0.9rem;
}
.lq-tagline{
  font-size:clamp(0.9rem,1.6vw,1rem);
  color:var(--muted);
  line-height:1.7;
}

/* ── QUICK-JUMP CATEGORY NAV (reuses .filter-bar/.filter-btn from main.css) ── */
.lq-quicknav{
  padding:clamp(2rem,5vw,2.75rem) clamp(1.25rem,5vw,3rem) clamp(1.5rem,4vw,2rem);
}
.lq-quicknav-inner{max-width:1120px;margin:0 auto;}

/* ── SECTION SPACING WITHIN THE SHARED WRAPPER ── */
.lq-sections{
  padding:clamp(1.5rem,4vw,2.5rem) clamp(1.25rem,5vw,3rem) clamp(2rem,5vw,3rem);
  max-width:1120px;
  margin:0 auto;
}

/* Small muted add-on line under a dish description */
.dish-addon{
  font-size:0.72rem;
  color:var(--muted);
  font-style:normal;
  margin-top:0.35rem;
}

/* Liquor-page-only override of the shared main.css .menu-section-title
   (1.6rem) — scoped to .lq-sections so other menu pages keep 1.6rem. */
.lq-sections .menu-section-title{font-size:1rem;}

/* Liquor-page-only override of the shared main.css .dish-name (700) —
   scoped to .lq-sections so other menu pages keep font-weight:700. */
.lq-sections .dish-name{font-weight:500;}

/* ── SHARED SUBHEAD (wine varietal labels, beer serving-size groups) ── */
.menu-subhead{
  font-family:'Inter',sans-serif;
  font-size:0.9rem;
  font-weight:700;
  letter-spacing:0.15em;
  text-transform:uppercase;
  color:var(--navy);
  margin:1.75rem 0 0.5rem;
}
.menu-subhead:first-child{margin-top:0;}
.menu-subhead small{
  font-weight:500;
  letter-spacing:0.05em;
  color:var(--muted);
  text-transform:none;
}

/* ── WINE LIST ── */
.wine-group{
  margin-bottom:0.25rem;
  border-bottom:1px solid var(--border);
}
.wine-group:last-child{border-bottom:none;}
.wine-row{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0.6rem;
  padding:0.85rem 0;
  cursor:pointer;
  transition:background 0.15s;
}
.wine-row:hover{background:var(--cream);margin:0 -0.8rem;padding-left:0.8rem;padding-right:0.8rem;}
.wine-name{
  font-family:'Libre Baskerville',serif;
  font-size:0.95rem;
  font-weight:500;
  color:var(--navy);
}
.wine-region{
  font-size:0.78rem;
  color:var(--muted);
  font-style:normal;
}
.wine-prices{
  display:flex;
  gap:1.5rem;
  width:100%;
}
.wine-price{text-align:left;}
.wine-price-label{
  font-size:0.58rem;
  letter-spacing:0.15em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:0.15rem;
}
.wine-price-value{
  font-family:'Libre Baskerville',serif;
  font-weight:700;
  color:var(--gold);
  font-size:0.95rem;
}

/* ── CLOSING CTA BAND ── */
.lq-cta{
  background:var(--navy);
  padding:clamp(3rem,8vw,5rem) clamp(1.25rem,5vw,3rem);
  text-align:center;
}
.lq-cta-inner{max-width:700px;margin:0 auto;}
.lq-cta-tagline{
  font-family:'Libre Baskerville',serif;
  font-weight:400;
  font-style:normal;
  font-size:clamp(1.3rem,3.6vw,1.9rem);
  line-height:1.4;
  color:#fff;
  margin-bottom:1.75rem;
}
.lq-cta-btn{padding:0.9rem 2.4rem;font-size:0.8rem;transition:transform 0.2s ease,background 0.2s ease;}
.lq-cta-btn:hover{transform:translateY(-2px);}

/* ── SCROLL REVEAL (JS toggles .is-visible; see liquor.js) ── */
.reveal{
  opacity:0;
  transform:translateY(20px);
  transition:opacity 0.55s ease,transform 0.55s ease;
}
.reveal.is-visible{opacity:1;transform:translateY(0);}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
}

/* ── TABLET (768–1024px) ── */
@media(min-width:768px){
  .wine-row{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;}
  .wine-prices{width:auto;flex-shrink:0;}
}

/* ── DESKTOP (≥1025px) ── */
@media(min-width:1025px){
  .lq-sections{padding-top:clamp(2rem,4vw,2.5rem);}
  .wine-prices{gap:2rem;}
}