/* Shared chrome is loaded after local page styles so navigation stays consistent. */
.site-header.top,.site-header.topbar,.manager-header.top{height:88px;min-height:88px;padding:0;display:flex;align-items:center;justify-content:space-between}
.site-header.top .brand,.site-header.topbar .brand,.manager-header.top .brand{color:var(--ink);font-family:'Playfair Display',Georgia,serif;font-size:28px;line-height:1;text-decoration:none}
.site-header.top .site-nav,.site-header.topbar .site-nav,.manager-header.top .manager-nav{display:flex;align-items:center;gap:16px}
.site-header.top .site-nav a,.site-header.topbar .site-nav a,.manager-header.top .manager-nav a{color:var(--muted);font-family:'DM Sans',Arial,sans-serif;font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.site-header.top .site-nav a:hover,.site-header.topbar .site-nav a:hover,.manager-header.top .manager-nav a:hover{color:var(--ink)}
.site-footer.footer,.manager-footer.footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:22px 0 40px;margin-top:64px;color:var(--muted);font-family:'DM Sans',Arial,sans-serif;font-size:13px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase}
.site-footer.footer a,.manager-footer.footer a{color:var(--muted);text-decoration:none}.site-footer.footer a:hover,.manager-footer.footer a:hover{color:var(--ink)}
@media(max-width:680px){.site-header.top,.site-header.topbar,.manager-header.top{height:70px;min-height:70px}.site-header.top .site-nav,.site-header.topbar .site-nav,.manager-header.top .manager-nav{gap:9px}.site-header.top .site-nav a,.site-header.topbar .site-nav a,.manager-header.top .manager-nav a{font-size:11px;letter-spacing:.04em}.site-footer.footer,.manager-footer.footer{margin-top:42px;font-size:11px}}
.manager-header.top{height:auto;min-height:88px;padding:18px 0;gap:24px}
.manager-header.top .manager-nav{flex:1;min-width:0;max-width:none;display:flex;flex-wrap:wrap;justify-content:flex-end;overflow:visible;white-space:normal;row-gap:12px}
.manager-header.top .manager-nav>a,.manager-header.top .manager-nav>.logout-form{flex-shrink:0}
.site-header.top .site-nav{flex-wrap:wrap;justify-content:flex-end;min-width:0}
@media(max-width:680px){.manager-header.top{flex-direction:column;align-items:flex-start;gap:16px;min-height:70px}.manager-header.top .manager-nav{width:100%;justify-content:flex-start;gap:12px 16px}.site-header.top .site-nav{row-gap:6px}}
.bag-control{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:145px;min-height:34px;border:1px solid var(--line);border-radius:100px;color:var(--ink)}
.bag-control{position:relative;flex-shrink:0;justify-content:space-between;gap:0}.bag-control .bag-step{min-height:36px;min-width:36px}.bag-control:not(.has-items) .bag-plus{width:100%;font-size:14px}.bag-control.has-items .bag-add-label,.bag-control:not(.has-items) .bag-plus-symbol{display:none}.bag-error:empty{display:none}.bag-error{position:absolute;top:100%;right:0;width:200px;font-size:12px;color:#a33428;background:var(--paper);z-index:4}.bag-control button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.bag-step{width:28px;height:28px;margin:0;padding:0;border:0;background:transparent;color:inherit;font:20px/1 'DM Sans',sans-serif;cursor:pointer}
.bag-step:disabled{opacity:.35;cursor:default}.bag-count{min-width:1.2em;text-align:center;font-size:14px}.bag-control:not(.has-items) .bag-minus,.bag-control:not(.has-items) .bag-count{display:none}.bag-control.has-items{border-color:var(--green);color:var(--green)}
@media(max-width:680px){.bag-control{width:100%;margin-top:8px}}

/* Shared POST logout control keeps navigation appearance. */
.logout-form{display:inline;margin:0;padding:0}.logout-form button{border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;min-height:0}
