/* Supplementary styles for the standalone SEO landing pages (menu.html,
   catering.html, contact.html). These reuse main.css's color variables and
   typography so they look like part of the same site, without touching
   main.css itself (which the live single-page app also depends on). */

.static-page{ padding-top: calc(var(--nav-h) + 40px); padding-bottom: 60px; max-width: 1100px; margin: 0 auto; }
.static-page .page-header{ text-align:center; padding: 0 20px 30px; }

.breadcrumb-trail{ max-width:1100px; margin: 90px auto 0; padding: 0 20px; font-size:.82rem; color:var(--text-muted); }
.breadcrumb-trail a{ color:var(--green-dark); text-decoration:underline; }

.menu-grid{ display:grid; grid-template-columns: repeat(auto-fill, minmax(230px,1fr)); gap:18px; padding:0 20px; }
.menu-item-card{ background:var(--white); border:1px solid var(--border); border-radius:var(--radius-sm); padding:20px; box-shadow:var(--shadow); }
.menu-item-card h3{ font-family:var(--font-display); font-size:1.2rem; margin:0 0 6px; }
.menu-item-card .price{ color:var(--green-dark); font-weight:700; font-size:1.05rem; }
.menu-item-card p{ color:var(--text-muted); font-size:.88rem; margin-top:8px; }

.static-cta-box{ background:var(--green-pale); border-radius:var(--radius); padding:28px; text-align:center; margin:36px 20px 0; }
.static-cta-box h3{ font-family:var(--font-display); font-size:1.4rem; margin-bottom:10px; }
.static-cta-box .btn-primary{ display:inline-flex; margin-top:10px; }

.static-content-block{ padding:0 20px; max-width:760px; margin:0 auto 30px; }
.static-content-block h2{ font-family:var(--font-display); font-size:1.5rem; margin:28px 0 10px; color:var(--green-dark); }
.static-content-block p, .static-content-block li{ color:var(--text); line-height:1.7; }
.static-content-block ul{ padding-left:22px; }

.contact-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:24px; padding:0 20px; }
@media (max-width: 760px){ .contact-grid{ grid-template-columns: 1fr; } }
.contact-block{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-sm); padding:22px; }
.contact-block h3{ font-family:var(--font-display); margin-bottom:10px; }
.contact-block a.cta-link{ color:var(--green-dark); font-weight:600; }