/* Fuc color overrides for the shared XB launcher. */
:root[data-fuc-support-palette] {
  --fuc-launcher-fill: #6200ee;
  --fuc-launcher-hover: #5000d1;
  --fuc-launcher-focus-ring: rgba(98, 0, 238, .5);
  --xb-support-launcher-shadow-color: #6658dc;
}

:root[data-fuc-support-palette='cyan'] {
  --fuc-launcher-fill: #5ed2c0;
  --fuc-launcher-hover: #64d4c2;
  --fuc-launcher-focus-ring: rgba(136, 126, 242, .5);
  --xb-support-launcher-shadow-color: #087e71;
}

:root[data-color='dark'][data-fuc-support-palette] {
  --fuc-launcher-fill: #7367f0;
  --fuc-launcher-hover: #5344ed;
  --fuc-launcher-focus-ring: rgba(136, 126, 242, .5);
}

:root[data-fuc-support-palette] #cw-bubble-holder > button.woot-widget-bubble {
  background-color: var(--fuc-launcher-fill) !important;
  border: 0;
  outline: none !important;
}

@media (hover: hover) {
  :root[data-fuc-support-palette] #cw-bubble-holder > button.woot-widget-bubble:hover {
    background-color: var(--fuc-launcher-hover) !important;
  }
}

:root[data-fuc-support-palette] #cw-bubble-holder > button.woot-widget-bubble:active {
  background-color: var(--fuc-launcher-hover) !important;
}

:root[data-fuc-support-palette]:not([data-fuc-support-input='pointer']) #cw-bubble-holder > button.woot-widget-bubble:focus-visible {
  box-shadow: 0 0 0 .2rem var(--fuc-launcher-focus-ring) !important;
}

:root[data-fuc-support-palette] body[data-native-mode='user']:has(> #cw-bubble-holder .woot-widget--expanded.woot-elements--right) > #app > .footer {
  padding-inline-end: min(160px, 44vw);
}

:root[data-fuc-support-palette] body[data-native-mode='user'].modal-open > .woot-widget-holder {
  visibility: hidden;
}

/* The SDK's launcher z-index otherwise covers the mobile navigation drawer. */
:root[data-fuc-support-palette] body[data-native-mode='user'].menu-open > :is(#cw-bubble-holder, .woot-widget-holder) {
  visibility: hidden;
}

:root[data-fuc-support-palette] body[data-native-mode='user']:not(.modal-open):has(> .woot-widget-holder:not(.woot--hide)) #app .scroll-top {
  visibility: hidden;
}