/**
 * Front-end overrides for the LiveChat widget.
 *
 * An injected stylesheet rule forces the container to occupy 94% of the
 * viewport height while the cc-ftr-menu (ConvertCart footer) is present:
 *
 *   body.cc-ftr-menu #chat-widget-container {
 *     height: 94% !important;
 *     max-height: 94% !important;
 *     bottom: 65px !important;
 *   }
 *
 * That force-extends the wrapper across the entire left edge of the
 * viewport, which intercepts clicks on the mobile hamburger and the
 * side-overlay back arrow even though only the small bubble button is
 * visible. Without it, the container self-sizes to its content (the
 * bubble) and the rest of the viewport is reachable.
 *
 * Override with higher specificity (html + body.cc-ftr-menu + #id beats
 * body.cc-ftr-menu + #id) and `!important` to win against the injected
 * rule.
 */
html body.cc-ftr-menu #chat-widget-container {
  height: auto !important;
  max-height: none !important;
}