/* FM1 Logo glow — keep the SVG clean, add vibe via CSS.
   Usage:
   <svg class="fm1-logo glow" ...>...</svg>
   or wrap an <img class="fm1-logo glow" src="/assets/fm1-logo.svg" />
*/

.fm1-logo {
  color: #00ff41; /* matches your LED green */
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
}

/* Subtle retro glow on larger sizes */
.fm1-logo.glow {
  filter:
    drop-shadow(0 0 4px rgba(0, 255, 65, 0.35))
    drop-shadow(0 0 12px rgba(0, 255, 65, 0.16));
}

/* Automatically kill glow when the logo is tiny (favicons, tight UI) */
@media (max-width: 420px) {
  .fm1-logo.glow { filter: none; }
}

/* Optional: stronger glow for hero sections */
.fm1-logo.glow-hero {
  filter:
    drop-shadow(0 0 6px rgba(0, 255, 65, 0.45))
    drop-shadow(0 0 18px rgba(0, 255, 65, 0.22));
}