/* Shared Bistro commerce panels keep the paper, type and compact controls of the site. */
.bistro-account-dialog,.bistro-booking-dialog{background:var(--cream);color:var(--ink);padding:0;border:1px solid var(--line);width:min(860px,calc(100% - 32px));max-width:100%;max-height:calc(100dvh - 32px);text-align:left}
.bistro-booking-dialog h2{font-size:clamp(32px,4.5vw,52px);line-height:1.1;margin:0}
.bistro-booking-dialog .script{display:inline}
.bistro-account-dialog h2{font-size:clamp(34px,4.5vw,52px)}
.bistro-account-dialog h3,.bistro-booking-dialog h3{font-family:var(--serif);font-size:26px;line-height:1.15;font-weight:400;margin:0 0 14px}
.bistro-account-dialog p,.bistro-booking-dialog p{overflow-wrap:anywhere}
.bistro-booking-dialog .commerce-body{padding-top:24px}
.commerce-form-grid,.account-login-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.booking-fields{border:0;margin:20px 0;padding:0;min-width:0}
.booking-fields>.form-field{margin-top:22px}
.commerce-consent{display:flex;align-items:flex-start;gap:12px;margin:20px 0;font:13px/1.55 var(--ui);cursor:pointer}
.commerce-consent input{width:18px;height:18px;min-width:18px;margin:2px 0 0;accent-color:var(--terracotta)}
.commerce-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}
.checkout-profile-prompt{border-block:1px solid var(--line);padding:16px 0;margin:12px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.checkout-profile-prompt p{margin:0;font:14px/1.6 var(--ui);max-width:54ch}
.checkout-profile-prompt .text-link{flex:none}
.commerce-dialog [hidden],.bistro-booking-dialog [hidden]{display:none!important}
.commerce-status{display:inline-block;padding:7px 12px;border:1px solid var(--line);border-radius:3px;font:13px/1.4 var(--ui);max-width:100%}
.account-login-grid{margin:24px 0}
.account-login-choice{padding:20px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.account-login-choice .form-field{width:100%;margin:0}
.account-login-choice .form-help{margin:0;flex:1}
.account-login-choice .oval{max-width:100%}
#account-code-fields{width:100%}
#account-code-fields .oval{margin-top:16px}
.account-balance{font:34px/1.2 var(--serif);margin:20px 0}
#account-profile-form>.form-field{margin-top:20px}
.account-history{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}
.account-history-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.account-history-head h3{margin:0}
.account-history-item{padding:22px 0;border-bottom:1px solid var(--line);font:14px/1.5 var(--ui)}
.account-history-item h4{font:25px/1.2 var(--serif);margin:0 0 8px;font-weight:400}
.account-history-item p{margin:8px 0}
.account-history-total{font-weight:600}
.commerce-dialog input,.commerce-dialog select,.commerce-dialog textarea{max-width:100%;min-width:0}
.commerce-dialog [role=status]:empty{display:none}
.commerce-dialog .form-status{overflow-wrap:anywhere}
.commerce-dialog [tabindex="-1"]:focus-visible{outline:2px solid var(--terracotta);outline-offset:5px}
#legacy-order-note{border:1px solid var(--line);padding:12px;font-size:13px}
.header .header-profile-link{font:inherit;color:inherit;background:none;border:0;cursor:pointer;white-space:nowrap}
.navigation-dialog nav button[data-open-account]{display:flex;width:100%;align-items:center;justify-content:space-between;font:inherit;color:inherit;text-align:left;padding:12px 0;border:0;background:none}
@media(min-width:1001px){.header .desktop-nav{gap:clamp(12px,1.5vw,24px)}.header .desktop-nav a,.header .header-profile-link{font-size:clamp(15px,1.3vw,20px)}}
@media(max-width:760px){.header .desktop-nav a[href="#catering"],.header .desktop-nav a[href="/#catering"]{display:none}}
@media(max-width:640px){
 .bistro-account-dialog,.bistro-booking-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);margin:auto}
 .commerce-form-grid,.account-login-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .account-login-choice{padding:18px}
 .checkout-profile-prompt{align-items:flex-start;flex-direction:column;gap:10px}
 .commerce-dialog .form-field input,.commerce-dialog .form-field select,.commerce-dialog .form-field textarea{font-size:16px}
 .header .desktop-nav a[href="#about"],.header .desktop-nav a[href="/#about"]{display:none}
 .header .desktop-nav{justify-content:space-between}
 .header .header-profile-link{font-size:inherit}
 .bistro-booking-dialog .commerce-head,.bistro-account-dialog .commerce-head{padding:22px 18px}
 .bistro-booking-dialog .commerce-body,.bistro-account-dialog .commerce-body{padding:20px 18px}
 .commerce-actions{gap:10px}
}
@media(max-width:360px){.commerce-dialog .commerce-head{padding:20px 16px}.commerce-dialog .commerce-body{padding:18px 16px}.account-login-choice{padding:14px}.commerce-actions{align-items:flex-start;flex-direction:column}.commerce-consent{font-size:12px}.bistro-booking-dialog h2{font-size:30px}}