/* ══════════════════════════════════════════════════════
   LIT-GAMES — bugfixes.css
   Fixes für bekannte Bugs im Original-Code.
   Desktop + Mobile betroffen.
   ══════════════════════════════════════════════════════ */

/* BUG 1: .hero-scroll-hint hat im Original zwei widersprüchliche
   display-Regeln: display:none !important gefolgt von display:flex.
   Das !important gewinnt, das Element ist also nie sichtbar.
   Fix: das Element einfach wirklich ausblenden (war wohl Absicht). */
.hero-scroll-hint {
  display: none !important;
}

/* BUG 2: Auf der Projekte-Seite (/projects) ist der Filter-Header
   auf mittleren Screens (768–900px) zu breit und bricht um. */
@media (max-width: 900px) {
  .proj-filter-bar {
    flex-wrap: wrap;
    gap: 8px;
  }
}

/* BUG 3: Discord-Widget iframe hat keine min-height auf Tablet —
   kollabiert auf 0 wenn der flex-container schmäler wird */
@media (min-width: 769px) and (max-width: 1000px) {
  .discord-widget-wrap iframe {
    min-height: 300px;
  }
}

/* BUG 4: .projects-skeleton hat keine min-height, kollapiert beim
   ersten Laden zu 0 und verursacht Layout-Sprung */
.projects-skeleton {
  min-height: 200px;
}