/* =============================================
   SOULMEDIADIGITAL - Main Stylesheet
   ============================================= */

/* --- Neon / Glow Effects --- */
.text-glow {
  text-shadow: 0 0 16px rgba(0, 240, 255, 0.45);
}

.box-glow {
  box-shadow: 0 0 24px -4px rgba(0, 240, 255, 0.25);
}

.neon-border-box {
  border: 1px solid rgba(0, 240, 255, 0.35);
  box-shadow:
    0 0 20px -2px rgba(0, 240, 255, 0.15),
    inset 0 0 20px -2px rgba(0, 240, 255, 0.05);
}

/* --- Typography --- */
.script-font {
  font-family: 'Brush Script MT', cursive, sans-serif;
}

/* --- Mobile Menu Transition --- */
#mobile-menu {
  transition: max-height 0.3s ease, opacity 0.3s ease;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

#mobile-menu.open {
  max-height: 400px;
  opacity: 1;
}

/* --- Active Nav Link --- */
.nav-link {
  transition: color 0.2s;
}

.nav-link.active {
  color: #00f0ff;
}

/* --- Live Indicator Pulse Glow --- */
@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 8px rgba(0, 240, 255, 0.6); }
  50%       { box-shadow: 0 0 20px rgba(0, 240, 255, 1); }
}

.live-dot {
  animation: pulse-glow 1.5s ease-in-out infinite;
}

/* --- Counter animation base --- */
.counter {
  transition: all 0.5s;
}