/* ======================================================
   Floating Mic Wrapper
   ====================================================== */
.stm8-floating-mic {
  position: fixed;
  bottom: 40px;
  right: 20px;
  z-index: 99999;

  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 768px) {
  .stm8-floating-mic {
    right: 10px;
  }
}
/* ======================================================
   Floating Mic Button (fully isolated from theme)
   ====================================================== */
.stm8-floating-mic-btn {
  all: unset;                 /* FULL reset: kills theme button styles */

  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #d4af37;
  cursor: pointer;

  display: grid;
  place-items: center;

  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease, background 0.2s ease;
}

/* Accessibility focus (optional but correct) */
.stm8-floating-mic-btn:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.7);
  outline-offset: 4px;
}

/* Hover / Press feedback */
.stm8-floating-mic-btn:hover {
  transform: scale(1.06);
}

.stm8-floating-mic-btn:active {
  transform: scale(0.96);
}

/* ======================================================
   Icon (uploaded WHITE SVG)
   ====================================================== */
.stm8-floating-mic-btn img {
  width: 28px;
  height: 28px;
  display: block;
  object-fit: contain;

  /* Optical centering for asymmetric mic glyph */
  transform: translateX(-0px) translateY(0.5px);
}

/* ======================================================
   Hangup State
   ====================================================== */
.stm8-floating-mic-btn.stm8-hangup {
  background: #ff5a5a;
}

/* ======================================================
   Label
   ====================================================== */
.stm8-floating-mic-label {
  font-size: 14px;
  margin-top: 6px;
}