feat(BOOK-67): Added functionality to show/hide the chatbot

Approved-by: Linus Flood

apps/scandic-web/app/globals.css

@@ -31,6 +31,7 @@
   --back-to-top-button: 80;
   --language-switcher-z-index: 85;
   --sidepeek-z-index: 100;
+  --chatbot-z-index: 149;
   --lightbox-z-index: 150;
   --default-modal-overlay-z-index: 100;
   --default-modal-z-index: 101;
@@ -73,6 +74,15 @@ body.overflow-hidden {
   border-width: 0;
 }
 
+#kindly-chat-api {
+  z-index: var(--chatbot-z-index);
+}
+
+/* Hide chat widget when booking widget is open */
+body:has([data-booking-widget-open="true"]) #kindly-chat-api {
+  z-index: -1 !important;
+}
+
 @media screen and (min-width: 768px) {
   :root {
     --max-width-single-spacing: var(--Layout-Tablet-Margin-Margin-min);