/* БМК — КАПІТАЛ | components.css
   Floating buttons (call + scroll-to-top).
*/

/* ══════════════════════════════════════════
   FLOATING BUTTONS (дзвінок + вгору)
   ══════════════════════════════════════════ */

/* Контейнер для обох кнопок */
.float-btn-call,
.float-btn-top {
  position: fixed;
  bottom: 24px;
  z-index: 1050; /* вище хедера (1000), нижче мобільного меню (1100) */
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: none; /* показуємо тільки на мобільному */
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  box-shadow: 0 4px 20px rgba(0,0,0,0.45);
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.3s ease;
}

/* Кнопка дзвінка — зліва */
.float-btn-call {
  left: 20px;
  background: var(--color-accent);
  text-decoration: none;
  /* Пульсація */
  animation: pulse-call 2.5s infinite;
}
.float-btn-call svg {
  width: 24px;
  height: 24px;
  stroke: #000;
  fill: none;
  flex-shrink: 0;
}
.float-btn-call:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 28px rgba(201,168,76,0.5);
  animation: none;
}

@keyframes pulse-call {
  0%   { box-shadow: 0 0 0 0 rgba(201,168,76,0.55); }
  60%  { box-shadow: 0 0 0 14px rgba(201,168,76,0); }
  100% { box-shadow: 0 0 0 0 rgba(201,168,76,0); }
}

/* Кнопка "вгору" — справа */
.float-btn-top {
  right: 20px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.2s ease;
}
.float-btn-top.visible {
  opacity: 1;
  pointer-events: all;
}
.float-btn-top svg {
  width: 20px;
  height: 20px;
  stroke: var(--color-accent);
  fill: none;
  flex-shrink: 0;
}
.float-btn-top:hover {
  transform: translateY(-3px);
  border-color: var(--color-accent);
}

/* Показуємо тільки на мобільному */
@media (max-width: 1024px) {
  .float-btn-call,
  .float-btn-top {
    display: flex;
  }
}