/* BOTTOMBAR (13 Nov 2026, Krishna t1027u): phone bottom nav – raised/floating so it is distinct from Chrome's bar.
   Tabs: Home · Order · Cart · Reorder · Voice Order · Notepad Order (last two smaller). Open tab highlighted.
   Deeper colour per theme (default Navy navypro). Safe-area respected. 360px no overflow.
   Selectors are slightly more specific so they win over applook / homebrand / lxskin / theme3 !important. */
html.hbnav .bnav,
html.hbnav.appx .bnav,
html.hbnav.lx .bnav,
html.hbnav.mlon .bnav,
html.hbnav[data-theme] .bnav,
html.hbnav.appx[data-theme] .bnav,
html.hbnav.appx[data-hth] .bnav,
html.hbnav.appx.hxin .bnav,
html.hbnav.hxin.hxyq .bnav{
  left:8px!important;right:8px!important;bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;
  height:auto!important;min-height:64px;padding:7px 4px 6px!important;box-sizing:border-box;
  display:grid!important;grid-template-columns:1.14fr 1.14fr 1.14fr 1.14fr .84fr .84fr!important;
  grid-auto-flow:row!important;grid-auto-columns:unset!important;gap:0;align-items:stretch;
  border:0!important;border-top:2px solid var(--bb-accent,#60A5FA)!important;
  border-radius:18px 18px 14px 14px!important;
  background:var(--bb-bg,#12233F)!important;
  color:var(--bb-fg,#D7E0F2)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  box-shadow:0 -2px 18px var(--bb-sh,rgba(8,16,40,.34)),0 6px 16px var(--bb-sh,rgba(8,16,40,.22))!important;
  overflow:hidden;z-index:35;
}
html.hbnav .bnav a,html.hbnav .bnav button,
html.hbnav.appx .bnav a,html.hbnav.appx .bnav button{
  height:auto!important;min-height:0;gap:3px;padding:4px 2px 3px;color:var(--bb-mute,#9AADC8);
  font-size:11px;font-weight:700;letter-spacing:-.02em;line-height:1.1;text-align:center;
}
html.hbnav .bnav .ico{width:26px;height:26px;padding:3px 7px;border-radius:10px;box-sizing:content-box}
html.hbnav .bnav .on{color:var(--bb-on,#fff)!important}
html.hbnav .bnav .on .ico{background:var(--bb-onbg,rgba(91,141,239,.32))!important;color:var(--bb-on,#fff)!important}
html.hbnav .bnav .badge{top:2px;right:calc(50% - 20px);background:var(--bb-badge,#F59E0B);color:#1a1200;z-index:1}
html.hbnav .bnav .bnl2{display:block;max-width:100%;line-height:1.1;overflow:hidden}
/* last two tabs a bit smaller */
html.hbnav .bnav a.bnsm{font-size:9px;font-weight:700;gap:2px;padding:3px 1px 2px}
html.hbnav .bnav a.bnsm .ico{width:20px;height:20px;padding:2px 5px;border-radius:8px}
html.hbnav .bnav a.bnsm .bnl2{font-size:9px;line-height:1.05}
/* visible set: the six requested tabs only (older items stay in the DOM, hidden) */
html.hbnav .bnav a[data-nav=shop],
html.hbnav .bnav #bSearch,
html.hbnav .bnav .bnml,
html.hbnav .bnav .bwa,
html.hbnav .bnav .bnord,
html.hbnav .bnav a[data-nav=account],
html.hbnav.appx .bnav a[data-nav=shop],
html.hbnav.appx .bnav a[data-nav=account],
html.hbnav.appx.hxin .bnav a[data-nav=account],
html.hbnav.hxin .bnav a[data-nav=account],
html.hbnav.hxin .bnav .bnord,
html.hbnav.appx.hxin .bnav .bnord,
html.hbnav.mlon .bnav .bnml{display:none!important}
html.hbnav .bnav a[data-nav=home],
html.hbnav .bnav a[data-nav=order],
html.hbnav .bnav a[data-nav=cart],
html.hbnav .bnav a[data-nav=reorder],
html.hbnav .bnav a[data-nav=voice],
html.hbnav .bnav a[data-nav=notepad],
html.hbnav.appx .bnav a[data-nav=home],
html.hbnav.appx .bnav a[data-nav=order],
html.hbnav.appx .bnav a[data-nav=cart],
html.hbnav.appx .bnav a[data-nav=reorder],
html.hbnav.appx .bnav a[data-nav=voice],
html.hbnav.appx .bnav a[data-nav=notepad]{display:flex!important}
/* keep content / cart-chip / FAB above the raised bar */
@media(max-width:959px){
  html.hbnav main{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  html.hbnav.r-cart main,html.hbnav.shopfront main{padding-bottom:0}
  html.hbnav .cxbar,html.hbnav.appx .cxbar{bottom:calc(90px + env(safe-area-inset-bottom,0px))!important}
  html.hbnav .fab{bottom:calc(98px + env(safe-area-inset-bottom,0px))}
  html.hbnav .toast{bottom:calc(102px + env(safe-area-inset-bottom,0px))}
  html.hbnav .ttsbar{bottom:calc(98px + env(safe-area-inset-bottom,0px))}
}
@media(min-width:960px){html.hbnav .bnav,html.hbnav.appx .bnav{display:none!important}}

/* ---- theme colours: deeper bar that still uses each Theme-menu accent ---- */
html[data-accent=navypro]{--bb-bg:#12233F;--bb-fg:#E4EAF6;--bb-mute:#9BB0CF;--bb-on:#fff;--bb-onbg:rgba(96,165,250,.32);--bb-accent:#60A5FA;--bb-sh:rgba(8,18,42,.36);--bb-badge:#FBBF24}
html[data-theme=light]:not([data-accent]){--bb-bg:#3A1014;--bb-fg:#FDECEC;--bb-mute:#E3B4B7;--bb-on:#fff;--bb-onbg:rgba(216,30,39,.38);--bb-accent:#F87171;--bb-sh:rgba(40,8,10,.32);--bb-badge:#FBBF24}
html[data-accent=ivory]{--bb-bg:#3D1C18;--bb-fg:#F8EDE6;--bb-mute:#D4B2A8;--bb-on:#fff;--bb-onbg:rgba(142,44,36,.36);--bb-accent:#E8C9A8;--bb-sh:rgba(40,16,12,.3);--bb-badge:#FBBF24}
html[data-accent=emerald]{--bb-bg:#0C2A1C;--bb-fg:#E6F6EE;--bb-mute:#9BC9B2;--bb-on:#fff;--bb-onbg:rgba(16,185,129,.32);--bb-accent:#34D399;--bb-sh:rgba(6,24,16,.34);--bb-badge:#FBBF24}
html[data-accent=sky]{--bb-bg:#0C2A32;--bb-fg:#E4F6FA;--bb-mute:#97C5D0;--bb-on:#fff;--bb-onbg:rgba(14,116,144,.35);--bb-accent:#38BDF8;--bb-sh:rgba(6,22,28,.34);--bb-badge:#FBBF24}
html[data-theme=dark]{--bb-bg:color-mix(in srgb,var(--bg0,#0B1220) 86%,#000);--bb-fg:var(--hxi,#E8EEF8);--bb-mute:var(--mute2,#9AA6B8);--bb-on:#fff;--bb-onbg:color-mix(in srgb,var(--hxi,#93C5FD) 28%,transparent);--bb-accent:var(--hac,#60A5FA);--bb-sh:rgba(0,0,0,.4);--bb-badge:#FBBF24}
html[data-accent=graphite]{--bb-bg:#12151A;--bb-accent:#93A4C0}
html[data-accent=midnight]{--bb-bg:#070D18;--bb-accent:#60A5FA}
html[data-accent=pine]{--bb-bg:#08110E;--bb-accent:#34D399}
html[data-accent=wine]{--bb-bg:#140C10;--bb-accent:#F0A3B0}
html[data-accent=ink]{--bb-bg:#0A0E12;--bb-accent:#A5B4C8}