/*
Theme Name: Meet Yu Bistro (BW Vivid v10.1)
Description: Patch — no new users on import + improved banner sizing. Manrope font.
Version: 3.4.1
Text Domain: meet-yu-bistro-bw-v10_1
*/
:root{ --fg:#111; --muted:#6b7280; --border:#e5e7eb; --maxw:1100px; }
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font:16px/1.68 'Manrope',Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--fg);background:#fff}
h1,h2,h3,h4{font-family:'Manrope',Inter,system-ui,sans-serif;line-height:1.2;margin:.2rem 0 .8rem;color:#111;font-weight:900}
h1{font-size:clamp(32px,4.6vw,52px)} h2{font-size:clamp(22px,3.2vw,36px)} h3{font-size:clamp(18px,2.3vw,22px)}
p{margin:.55rem 0 1rem} a{color:#111;text-decoration:none;border-bottom:1px solid #1112} a:hover{border-bottom-color:#111}
img{max-width:100%;display:block;height:auto;border-radius:12px}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}
/* header */
.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}
.brand{display:flex;align-items:center;gap:1rem}
.brand img{width:60px;height:60px;border-radius:12px}
.brand strong{font-weight:1000;letter-spacing:.2px;font-size:1.45rem}
.menu-toggle{display:none}
.nav ul{list-style:none;display:flex;gap:1.15rem;margin:0;padding:0;text-transform:uppercase;font-weight:900;letter-spacing:.04em;font-size:.95rem}
.nav a{padding:.5rem .75rem;border-radius:.6rem} .nav a:hover{background:#f7f7f7}
/* hero: fixed aspect, cover crop */
.hero{width:100%;border-bottom:1px solid var(--border)}
.hero .banner-img{display:block;width:100%;height:clamp(260px,45vw,520px);object-fit:cover;object-position:center;border-radius:0}
/* sections */
.section{padding:2.4rem 0}
.grid{display:grid;gap:1.2rem} .grid-3{grid-template-columns:repeat(3,1fr)}
.card{border:1px solid var(--border);border-radius:16px;padding:1.2rem;background:#fff}
.kicker{text-transform:uppercase;letter-spacing:.12em;color:#666;font-size:.8rem}
.btn{display:inline-block;background:#111;color:#fff;padding:.85rem 1.15rem;border-radius:12px;font-weight:900;border:1px solid #111}
.btn.secondary{background:#fff;color:#111}
/* footer */
.footer{border-top:1px solid var(--border);padding:2.1rem 0;margin-top:2.2rem;color:#555}
.footer-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem}
.footer-brand img{width:48px;height:48px;border-radius:10px}
.footer-cols{display:grid;gap:1.2rem;grid-template-columns:2fr 1fr 1fr}
/* menu cards */
.menu-section{margin:2rem 0} .menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.menu-card{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;border:1px solid var(--border);border-radius:14px;padding:10px;background:#fff}
.menu-card img{width:96px;height:96px;object-fit:cover;border-radius:12px;border:1px solid var(--border)}
.menu-card h4{margin:0 0 .2rem 0;font-size:1.08rem} .menu-card p{margin:0;color:#555;font-size:.95rem} .menu-card .price{font-weight:900;white-space:nowrap}
.form{display:grid;gap:.7rem;max-width:540px}
.form input,.form select,.form textarea{width:100%;padding:.85rem;border:1px solid var(--border);border-radius:12px;background:#fff} .form button{cursor:pointer}
.map{border:0;width:100%;height:400px;border-radius:12px}
.page-hero{width:100%;height:auto;margin:0 0 1.4rem 0;border-radius:12px}
@media (max-width:900px){
  .grid-3{grid-template-columns:1fr}
  .footer-cols{grid-template-columns:1fr}
  .menu-grid{grid-template-columns:1fr}
  .nav ul{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;border-bottom:1px solid var(--border);padding:1rem;flex-direction:column}
  .nav.open ul{display:flex}
  .menu-toggle{display:inline-flex}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}