/**
 * Floating call / headset FAB — v1.0.0
 */

.ak-floating-call {
  --ak-float-color: #ffffff;
  --ak-float-bg: #000000;
  --ak-float-hover-color: #ffffff;
  --ak-float-hover-bg: #333333;
  --ak-float-x: 20px;
  --ak-float-y: 20px;

  position: fixed;
  bottom: var(--ak-float-y);
  z-index: 99990;
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-decoration: none;
  color: var(--ak-float-color);
  background-color: var(--ak-float-bg);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  transition: background-color 0.2s ease, color 0.2s ease, outline-offset 0.2s ease, transform 0.2s ease;
  line-height: 0;
}

.ak-floating-call--right {
  right: var(--ak-float-x);
  left: auto;
}

.ak-floating-call--left {
  left: var(--ak-float-x);
  right: auto;
}

.ak-floating-call--size-s {
  width: 48px;
  height: 48px;
}

.ak-floating-call--size-m {
  width: 56px;
  height: 56px;
}

.ak-floating-call--size-l {
  width: 64px;
  height: 64px;
}

.ak-floating-call svg {
  width: 48%;
  height: 48%;
  display: block;
}

.ak-floating-call:hover,
.ak-floating-call:focus {
  color: var(--ak-float-hover-color);
  background-color: var(--ak-float-hover-bg);
  text-decoration: none;
}

.ak-floating-call:focus {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.ak-floating-call:focus:not(:focus-visible) {
  outline: none;
}

.ak-floating-call:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.ak-floating-call .screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* Desktop (≥981px) */
@media (min-width: 981px) {
  .ak-floating-call.ak-floating-call--desktop {
    display: flex;
  }
}

/* Mobile (≤980px) */
@media (max-width: 980px) {
  .ak-floating-call.ak-floating-call--mobile {
    display: flex;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ak-floating-call {
    transition: none;
  }
}