/* onWebChat tweaks, moved out of the page HTML (31 Oct 2026). Loaded without blocking render: everything here styles the widget, which arrives after the page, or the bar button JS adds. */
#onwbchat_window:has(#div_chat_min_title:not([style*="display: none"])){width:195px!important;min-width:0!important}
#onwbchat_window:has(#div_chat_min_title:not([style*="display: none"])) #div_chat_min_title{font-size:13px!important;padding:0 34px 0 14px!important;box-sizing:border-box!important;width:100%!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important}
/* Phones: onWebChat's round icon covered the "Get started" button of the bottom bar (owner, 19 Oct 2026: "how about
   2 bars at the bottom, get started and live chat side by side"). While the bar shows, the icon steps aside and the bar
   carries a Live chat button beside Get started; above the bar (top of the page) the icon stays, at 48px. */
@media (max-width:640px){
#onwebchat_chatimage_div{width:48px!important;height:48px!important;left:auto!important;right:14px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important}
#onwebchat_chatimage_div #onwebchat_chatimage{width:48px!important;height:48px!important}
body.is-bar.has-chatbar #onwebchat_chatimage_div{display:none!important}
.sticky.has-chat>div{display:none}
.sticky.has-chat .btn{flex:1 1 0;min-width:0;justify-content:center;padding:0 12px;gap:8px}
}
.sticky__chat{display:none}
@media (max-width:640px){.sticky.has-chat .sticky__chat{display:inline-flex}}
/* Owner, 21 Oct 2026: "remove live chat widget from get started on mobiles". On phones the chat launcher (and the panel) are not
   shown on the Get started and checkout pages (both carry body.v5-checkout): nothing sits over the order button or the fields. */
@media (max-width:640px){body.v5-checkout #onwebchat_chatimage_div,body.v5-checkout #onwbchat_window{display:none!important}}
/* Checkout and Get started on a desktop (24 Oct 2026): the closed bar sat over the bottom right of the sticky order card
   (its document links at 1440 and 1280). The chat stays, as the owner asked, but as the round icon alone, 56px, at the edge
   of the window, clear of the order; the open chat window is untouched. */
@media (min-width:641px){
body.v5-checkout #onwbchat_window:has(#div_chat_min_title:not([style*="display: none"])){width:56px!important;min-width:0!important;right:12px!important;border-radius:14px 14px 0 0!important}
body.v5-checkout #onwbchat_window:has(#div_chat_min_title:not([style*="display: none"])) #div_chat_min_title{padding:0!important;text-align:center!important;width:100%!important}
body.v5-checkout #onwbchat_window:has(#div_chat_min_title:not([style*="display: none"])) #div_chat_min_title_span{display:none!important}
body.v5-checkout #onwbchat_window:has(#div_chat_min_title:not([style*="display: none"])) #onweb_chaticon{position:static!important;display:inline-block!important;margin:0!important;float:none!important}
}
/* Owner, 22 Oct 2026: "i want live chat on the checkout / get started just no pop up happening", then "remove this from the website ... the pop up not the chat". The chat bar stays; the greeting pop-up never shows, on any page. */
#outer_agent_bubble{display:none!important}