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

/* ── PAGE HEADING (plain text, no image/hero banner) ── */
.bfast-heading{
  padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,5vw,3rem) clamp(1.25rem,3vw,1.75rem);
  background:#fff;
  text-align:center;
}
.bfast-heading-inner{max-width:640px;margin:0 auto;}
.bfast-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;
}
.bfast-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;
}
.bfast-tagline{
  font-size:clamp(0.9rem,1.6vw,1rem);
  color:var(--muted);
  line-height:1.7;
}

/* ── HOURS + PICK-UP INFO BAND ── */
.bfast-info-band{
  background:var(--navy);
  color:#fff;
  padding:clamp(1.5rem,4vw,2rem) clamp(1.25rem,5vw,3rem);
}
.bfast-info-inner{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem;
  text-align:center;
}
.bfast-info-item{}
.bfast-info-label{
  font-family:'Inter',sans-serif;
  font-size:0.62rem;
  letter-spacing:0.3em;
  text-transform:uppercase;
  color:var(--gold-light);
  margin-bottom:0.6rem;
  font-weight:600;
}
.bfast-info-value{
  font-family:'Libre Baskerville',serif;
  font-size:clamp(1.05rem,2.4vw,1.3rem);
  line-height:1.5;
}
.bfast-info-value small{
  display:block;
  font-family:'Inter',sans-serif;
  font-size:0.78rem;
  color:rgba(255,255,255,0.65);
  margin-top:0.2rem;
}

/* ── QUICK-JUMP CATEGORY NAV (reuses .filter-bar/.filter-btn from main.css) ──
   Explicitly reset position/height/z-index/background/border: main.css has a
   bare `nav{...}` rule (position:sticky, height:64px) written for the site's
   #mainnav, and this section also happens to use a <nav> landmark tag for
   accessibility, so it inherits that rule unless overridden here. Left alone,
   it pins this quick-nav to the top of the viewport and overlaps the menu
   content underneath as the page scrolls. */
.bfast-quicknav{
  position:static;
  top:auto;
  z-index:auto;
  height:auto;
  background:transparent;
  border-bottom:none;
  padding:clamp(2rem,5vw,2.75rem) clamp(1.25rem,5vw,3rem) clamp(1.5rem,4vw,2rem);
}
.bfast-quicknav-inner{max-width:1120px;margin:0 auto;}

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

/* ── CLOSING CTA BAND ── */
.bfast-cta{
  background:var(--navy);
  padding:clamp(3rem,8vw,5rem) clamp(1.25rem,5vw,3rem);
  text-align:center;
}
.bfast-cta-inner{max-width:700px;margin:0 auto;}
.bfast-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;
}
.bfast-cta-btn{padding:0.9rem 2.4rem;font-size:0.8rem;transition:transform 0.2s ease,background 0.2s ease;}
.bfast-cta-btn:hover{transform:translateY(-2px);}

/* ── SCROLL REVEAL (JS toggles .is-visible; see breakfast.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){
  .bfast-info-inner{grid-template-columns:1fr 1fr;text-align:left;}
  .bfast-info-item:last-child{text-align:right;}
}

/* ── DESKTOP (≥1025px) ── */
@media(min-width:1025px){
  .bfast-info-inner{gap:2rem;}
}