/* Larina — "All with Voice" button (v4.18).
 * The button's core look is inline (renders on any theme). This file adds the
 * animated shine + the recording pulse. Keep it tiny + dependency-free. */

#larina-voice-button {
  position: relative;
}

/* Sweeping liquid-glass shine. */
#larina-voice-button::after {
  content: "";
  position: absolute;
  width: 75px;
  height: 170px;
  top: -65px;
  left: -100px;
  transform: rotate(25deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);
  filter: blur(8px);
  opacity: 0.7;
  pointer-events: none;
  animation: larinaVoiceShine 4s ease-in-out infinite;
}

@keyframes larinaVoiceShine {
  0%, 40% { left: -120px; }
  70%, 100% { left: calc(100% + 100px); }
}

/* Recording pulse on the icon dot. */
#larina-voice-button #larina-voice-icon {
  transition: color 0.2s ease;
}

@media (max-width: 480px) {
  #larina-voice-button {
    right: 14px !important;
    bottom: 14px !important;
    height: 50px !important;
    font-size: 14px !important;
  }
}

/* Respect reduced-motion. */
@media (prefers-reduced-motion: reduce) {
  #larina-voice-button::after { animation: none; opacity: 0; }
}