/* Floating chat docked to the main navigation ribbon. */
@media (min-width: 981px) {
  .floating-discussion-widget {
    left: 26px;
    right: auto;
    bottom: 22px;
    transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .floating-discussion-launcher {
    position: relative;
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
    gap: 0;
  }

  .floating-discussion-launcher-text {
    display: none;
  }

  .floating-discussion-count {
    position: absolute;
    top: -5px;
    right: -7px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border: 2px solid var(--bg-main);
  }

  body.chat-ribbon-expanded .floating-discussion-widget {
    left: 264px;
  }

  body.chat-ribbon-expanded .floating-discussion-launcher {
    width: auto;
    min-width: 82px;
    height: 36px;
    padding: 0 10px;
    gap: 6px;
  }

  body.chat-ribbon-expanded .floating-discussion-launcher-text {
    display: inline;
  }

  body.chat-ribbon-expanded .floating-discussion-count {
    position: static;
    border: 0;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
  }

  .floating-discussion-panel {
    width: min(320px, calc(100vw - 104px));
    height: min(400px, calc(100vh - 110px));
  }
}

@media (min-width: 721px) and (max-width: 980px) {
  .floating-discussion-widget {
    left: 19px;
    right: auto;
    bottom: 18px;
    transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .floating-discussion-launcher {
    position: relative;
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
    gap: 0;
  }

  .floating-discussion-launcher-text {
    display: none;
  }

  .floating-discussion-count {
    position: absolute;
    top: -5px;
    right: -7px;
    border: 2px solid var(--bg-main);
  }

  body.chat-ribbon-expanded .floating-discussion-widget {
    left: 244px;
  }

  body.chat-ribbon-expanded .floating-discussion-launcher {
    width: auto;
    min-width: 82px;
    height: 36px;
    padding: 0 10px;
    gap: 6px;
  }

  body.chat-ribbon-expanded .floating-discussion-launcher-text {
    display: inline;
  }

  body.chat-ribbon-expanded .floating-discussion-count {
    position: static;
    border: 0;
  }

  .floating-discussion-panel {
    width: min(310px, calc(100vw - 84px));
    height: min(390px, calc(100vh - 96px));
  }
}

@media (max-width: 720px) {
  .floating-discussion-widget {
    left: 14px;
    right: 14px;
    bottom: 14px;
  }

  .floating-discussion-launcher {
    width: auto;
    min-width: 82px;
    height: 36px;
    padding: 0 10px;
    gap: 6px;
  }

  .floating-discussion-launcher-text {
    display: inline;
  }

  .floating-discussion-count {
    position: static;
    border: 0;
  }

  .floating-discussion-panel {
    width: 100%;
    height: min(380px, calc(100vh - 28px));
  }
}

@media print {
  .floating-discussion-widget {
    display: none !important;
  }
}