/* Local Font Awesome Icons - Cafe Lingo */
/* Pure CSS solution using Unicode symbols - no font files needed */

.fas {
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 400;
}

/* Icon definitions using Unicode symbols */
.fa-lightbulb:before { content: "💡"; }
.fa-cog:before { content: "⚙"; }
.fa-plug:before { content: "🔌"; }
.fa-spinner:before { content: "◐"; }
.fa-microphone:before { content: "🎙"; }
.fa-microphone-lines:before { content: "🎙"; }
.fa-sliders:before { content: "⚙"; }
.fa-history:before { content: "⟲"; }
.fa-chevron-down:before { content: "▼"; }

/* Alternative cleaner icons for better compatibility */
@media (max-width: 768px) {
  .fa-lightbulb:before { content: "💡"; }
  .fa-cog:before { content: "⚙"; }
  .fa-plug:before { content: "⚬"; }
  .fa-spinner:before { content: "⟳"; }
  .fa-microphone:before { content: "●"; }
  .fa-microphone-lines:before { content: "●"; }
  .fa-sliders:before { content: "☰"; }
  .fa-history:before { content: "⟲"; }
  .fa-chevron-down:before { content: "▼"; }
}

/* Animation classes */
.fa-pulse {
  animation: fa-pulse 2s infinite linear;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes fa-pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}

/* Enhanced fallbacks for maximum compatibility */
.no-fontawesome .fas,
.fas {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

/* Ensure proper sizing */
.icon-btn .fas {
  font-size: 30px;
  line-height: 1;
}

/* Larger icons for smaller screens */
@media (max-width: 480px) {
  .icon-btn .fas {
    font-size: 30px;
  }
}

/* Color states for connection indicators */
.icon-btn.disconnected .fa-plug:before { content: "🔌"; color: inherit; }
.icon-btn.connected .fa-microphone:before { content: "●"; color: inherit; }
.icon-btn.active .fa-microphone-lines:before { content: "🎙"; color: inherit; }