/* Hide Docsify navbar when on homepage/playground */
body.ready .app-nav {
  display: none !important;
}

/* Hide reading time and word count that might leak */
.markdown-section .reading-time,
.content .reading-time {
  display: none !important;
}

/* Cover Page - Hero Background */
section.cover {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('./assets/hero-lightning.png') center center / cover no-repeat #0a0d12 !important;
}

section.cover.show {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('./assets/hero-lightning.png') center center / cover no-repeat #0a0d12 !important;
}

/* Fix sidebar toggle (hamburger menu) position */
.sidebar-toggle {
  position: fixed !important;
  top: 1rem !important;
  left: 1rem !important;
  bottom: auto !important;
  width: 40px !important;
  height: 40px !important;
  z-index: 999 !important;
}

/* Lightning Animation */
.lightning-anim {
  display: inline-block;
  animation: lightning-flash 5s infinite;
  transform-origin: center;
}

@keyframes lightning-flash {
  0%, 90%, 100% {
    filter: brightness(1);
    text-shadow: none;
    transform: scale(1);
    opacity: 1;
  }
  92% {
    filter: brightness(3) drop-shadow(0 0 5px #ff8a00);
    text-shadow: 0 0 10px #ffd166, 0 0 20px #ff8a00;
    transform: scale(1.15) rotate(-3deg);
    opacity: 1;
  }
  93% {
    filter: brightness(1);
    text-shadow: none;
    transform: scale(1);
  }
  94% {
    filter: brightness(5) drop-shadow(0 0 8px #ffd166);
    text-shadow: 0 0 15px #ffd166, 0 0 30px #ff8a00;
    transform: scale(1.25) rotate(3deg);
  }
  96% {
    filter: brightness(1);
    text-shadow: none;
    transform: scale(1);
  }
}