/* ── FILTER BAR ─────────────────────────────────────────────
   .filter-bar, .filter-btn, .filter-btn.active
   used in index.php and murder-mystery-games/index.php
   ---------------------------------------------------------- */
	.filter-bar {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 0.2rem; /* between buttons */
	  padding: 0.2rem;
	  margin-bottom: 0.2rem;
	  padding-bottom: 0.2rem;
	  justify-content: center;
	  width: 100%;
	}
	.filter-btn {
	  background: var(--gold);
	  color: #fff;
	  padding: 0.7rem 1.6rem;  /* slightly smaller than cta 1rem 2.5rem */
	  font-size: 0.85rem;       /* slightly smaller than cta 0.95rem */
	  font-weight: 700;
	  border: none;
	  border-radius: var(--r-sm);
	  cursor: pointer;
	  font-family: inherit;
	  text-decoration: none;
	  transition: all var(--trans);
	  letter-spacing: 0.03em;
	  display: inline-block;
	}
	.filter-btn:hover {
	  background: var(--gold-lt);
	  transform: translateY(-2px);
	  box-shadow: 0 8px 24px rgba(184,134,11,.4);
	}
	.filter-btn.active {
	  background: var(--off-black);
	  color: #fff;
	  box-shadow: none;
	}