/* Global account state, based only on the server session. */
.topbar .topbar-inner { min-height:44px; box-sizing:border-box; padding-top:4px; padding-bottom:4px; }
.site-account-status { display:inline-flex; align-items:center; gap:7px; flex-shrink:1; min-width:0; max-width:280px; min-height:36px; color:#34434b; font-size:13px; font-weight:700; text-decoration:none; white-space:nowrap; }
.site-account-status [data-account-label] { overflow:hidden; text-overflow:ellipsis; }
.site-account-status::before { content:''; width:7px; height:7px; border-radius:50%; background:#9aa4a9; flex-shrink:0; }
.site-account-status[data-state=member],.site-account-status[data-state=guest] { color:#136540; }
.site-account-status[data-state=member]::before,.site-account-status[data-state=guest]::before { background:#168354; }
.site-account-status:focus-visible { outline:2px solid #168354; outline-offset:3px; }
body.tiki-home .topbar { display:block; position:fixed; top:0; left:0; right:0; z-index:51; height:45px; box-sizing:border-box; }
body.tiki-home .header { top:var(--accountbar-height,45px); }
@media(max-width:1000px) { .topbar .topbar-note { display:none; } .site-account-status { margin-left:auto; } }
@media(max-width:640px) { .topbar .topbar-link { display:none; } .topbar .topbar-inner { gap:10px; } .site-account-status { max-width:55%; font-size:12px; } .topbar .topbar-brand { font-size:11px; flex-shrink:0; } }

.site-logout,.site-cart-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:4px 9px;border:1px solid #d6dfe1;border-radius:4px;font:700 12px/1.2 inherit;color:#183b47;background:#fff;text-decoration:none;white-space:nowrap;cursor:pointer}.site-logout[hidden]{display:none}.site-logout:hover,.site-cart-link:hover{border-color:#ff433d;color:#c52b26}.site-logout:focus-visible,.site-cart-link:focus-visible{outline:2px solid #ff433d;outline-offset:2px}
@media(max-width:640px){.topbar .topbar-inner{flex-wrap:wrap;justify-content:flex-end;gap:4px 7px}.topbar .topbar-brand{margin-right:auto}.site-account-status{max-width:145px;min-height:28px;font-size:11px}.site-cart-link,.site-logout{font-size:11px;min-height:28px;padding:3px 6px}body.tiki-home .topbar{height:auto;min-height:45px}body.tiki-home .header{top:var(--accountbar-height,70px)}}

/* Keep the personal cart beside My account / Orders, with a persistent quantity badge. */
.header-utility .site-cart-link{gap:7px;border:0;border-radius:0;background:transparent;font-size:.875rem;line-height:1.2}
.site-cart-link .site-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 5px;box-sizing:border-box;border-radius:5px;background:#c92c27;color:#fff;font:700 12px/1 system-ui,sans-serif}
.site-cart-link .site-cart-count[hidden]{display:none}
.header-utility .site-cart-link.has-items{color:#aa251f;background:#fff0ee}
@media(max-width:640px){.header-utility .site-cart-link{font-size:12px;gap:5px}.site-cart-link .site-cart-count{min-width:20px;height:20px}}

/* Give account actions enough space without repeating the login/signup label. */
.topbar .site-logout{margin-left:10px;margin-right:10px;padding:6px 12px}
.header-utility a[href$="/account/"],.header-utility .site-cart-link,.header-utility a[href$="/orders/"]{padding-left:16px;padding-right:16px}
@media(max-width:640px){.topbar .site-logout{margin-left:6px;margin-right:6px}.header-utility a[href$="/account/"],.header-utility .site-cart-link,.header-utility a[href$="/orders/"]{padding-left:12px;padding-right:12px}}

/* Keep the administrator entry directly left of the member name, including on mobile. */
.site-member-tools{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%;margin-left:auto}
.site-member-tools .site-account-status{margin-left:0;max-width:280px}
.site-admin-mode{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 10px;box-sizing:border-box;background:#183b47;color:#fff;border:1px solid #183b47;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none;flex-shrink:0}
.site-admin-mode[hidden]{display:none!important}.site-admin-mode:hover{color:#fff;background:#086b76}.site-admin-mode:focus-visible{outline:3px solid #ff443b;outline-offset:3px}
@media(max-width:640px){.site-member-tools{gap:7px}.site-member-tools .site-account-status{max-width:145px}.site-admin-mode{font-size:11px;min-height:30px;padding:4px 8px}}