/* === Shared UI for sub-pages (audit fixes 15 Oct 2026): mobile nav, sticky booking bar, focus, review proof, enquiry form === */
.art-hero img.bg{width:100%;height:100%;object-fit:cover;display:block}
/* burger + drawer */
.nav-burger{display:none;width:44px;height:44px;border:0;background:none;padding:10px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;margin-left:4px}
.nav-burger span{display:block;height:2px;width:24px;background:var(--navy,#25396b);border-radius:2px}
@media(max-width:680px){.nav-burger{display:flex}.bl-head nav{gap:10px}}
.site-drawer{position:fixed;inset:0;z-index:200;background:#16223f;color:#f6efe5;display:flex;flex-direction:column;padding:72px 28px calc(28px + env(safe-area-inset-bottom));overflow-y:auto}
.site-drawer[hidden]{display:none}
.site-drawer nav{display:flex;flex-direction:column}
.site-drawer nav a{color:#f6efe5;font-family:var(--fb,'Cardo',serif);font-size:1.35rem;padding:11px 0;border-bottom:1px solid rgba(246,239,229,.14);text-decoration:none}
.sd-close{position:absolute;top:14px;right:16px;width:48px;height:48px;border:0;background:none;color:#f6efe5;font-size:2.2rem;line-height:1;cursor:pointer}
.sd-cta{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.sd-cta a{display:block;text-align:center;padding:15px 18px;border-radius:999px;font-weight:700;letter-spacing:.06em;text-decoration:none}
.sd-book{background:#f6efe5;color:#16223f}
.sd-call{border:1px solid rgba(246,239,229,.5);color:#f6efe5}
body.sd-open{overflow:hidden}
/* sticky booking bar */
.site-bar{display:none}
@media(max-width:760px){
  .site-bar{position:fixed;left:0;right:0;bottom:0;z-index:150;display:flex;gap:8px;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:rgba(22,34,63,.97);border-top:1px solid rgba(255,255,255,.12)}
  .site-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;border-radius:12px;color:#fff;font-weight:700;font-size:.86rem;letter-spacing:.04em;text-decoration:none;background:rgba(255,255,255,.12)}
  .site-bar a.sb-book{flex:1.6;background:#f6efe5;color:#16223f}
  body{padding-bottom:80px}
}
/* focus: two-tone ring that shows on cream and on navy */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #f3e3bf;outline-offset:2px;box-shadow:0 0 0 6px #25396b;border-radius:4px}
/* review proof next to CTAs */
.proof{max-width:680px;margin:22px auto 0;padding:18px 22px;border-left:2px solid var(--gold,#b58a44);background:rgba(37,57,107,.04);border-radius:0 12px 12px 0;text-align:left}
.proof-score{display:block;font-size:.86rem;letter-spacing:.04em;color:var(--navy,#25396b);font-weight:700}
.proof-score b{font-size:1.05rem}
.proof blockquote{margin:8px 0 6px;font-style:italic;font-size:1.02rem;line-height:1.55;color:var(--ink,#1a2b4a)}
.proof cite{font-style:normal;font-size:.82rem;color:#4b5f8c}
.cta-box .proof{background:rgba(255,255,255,.07);border-left-color:#e7cf9c;margin:26px auto 0}
.cta-box .proof-score,.cta-box .proof blockquote{color:#fff}.cta-box .proof cite{color:rgba(255,255,255,.82)}
/* prices on menu cards */
.card .price{display:inline-flex;align-items:baseline;gap:6px;margin:0 0 12px;font-weight:700;color:var(--navy,#25396b);font-size:1.5rem}
.card .price small{font-size:.8rem;font-weight:400;color:#4b5f8c;letter-spacing:.04em}
.price-note{text-align:center;font-size:.9rem;color:#4b5f8c;margin:0 0 22px}
/* lunch price lockup */
.lunch-price{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;max-width:var(--measure,680px);margin:22px auto 0;padding:16px 20px;background:#16223f;color:#f6efe5;border-radius:14px}
.lunch-price b{font-size:2rem;line-height:1;color:#fff}
.lunch-price span{font-size:1rem;line-height:1.4}
.lunch-price a{margin-left:auto;background:#f6efe5;color:#16223f;padding:.7em 1.3em;border-radius:999px;font-weight:700;font-size:.9rem;text-decoration:none}
@media(max-width:680px){.lunch-price a{margin-left:0}}
/* enquiry form */
.enq-wrap{max-width:760px;margin:24px auto 0;background:#fff;border:1px solid rgba(37,57,107,.12);border-radius:18px;padding:clamp(20px,3vw,32px);box-shadow:0 24px 60px -34px rgba(26,43,74,.4)}
.ef-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
@media(max-width:560px){.ef-grid{grid-template-columns:1fr}}
.enq-form label{display:flex;flex-direction:column;gap:6px;font-size:.88rem;font-weight:700;color:var(--navy,#25396b);letter-spacing:.02em}
.enq-form input,.enq-form select{font:inherit;font-weight:400;font-size:1rem;color:var(--ink,#1a2b4a);padding:12px 14px;min-height:48px;border:1px solid rgba(37,57,107,.35);border-radius:10px;background:#fff;width:100%}
.ef-send{margin-top:18px;border:0;cursor:pointer;font-family:inherit;font-size:1rem;padding:.95em 2em}
.ef-note{font-size:.86rem;line-height:1.55;color:#4b5f8c;margin:14px 0 0}
.ef-note a{color:var(--navy,#25396b);text-decoration:underline}
.ot-alt{text-align:center;font-size:.95rem;margin:18px 0 0}
.ot-alt a{color:var(--navy,#25396b);text-decoration:underline;text-underline-offset:3px}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
/* gift card cross-sell */
.gift-x{max-width:760px;width:calc(100% - 2*var(--gutter,28px));margin:40px auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;justify-content:space-between;padding:22px 26px;border:1px solid rgba(37,57,107,.16);border-radius:16px;background:#fff}
.gift-x h3{margin:0;font-size:1.25rem;color:var(--navy,#25396b)}
.gift-x p{margin:4px 0 0;font-size:.98rem;line-height:1.55}
/* footer tap targets + contrast */
.bl-foot .col p a,.bl-foot .bottom a{display:inline-block;padding:7px 0;min-height:24px}
.bl-foot .col p{opacity:1;color:rgba(255,255,255,.86)}
.bl-foot .bottom{opacity:1;color:rgba(255,255,255,.78)}
.bl-foot .bottom a{color:#fff;text-decoration:underline}
.crumbs,.crumbs a{color:#4b5f8c}
.kick{color:#4b5f8c}
.card .cat{color:#8a6524}
.card .body .price small{color:#4b5f8c}
.bk-card .bk-card-fallback{color:rgba(26,43,74,.8)}
