/* repo-badge.css - Floating repository badge */
.repo-badge {
  position: fixed;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: linear-gradient(90deg,#7c4dff,#651fff);
  color: #fff;
  font-weight: 600;
  font-size: 0.92rem;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
  opacity: 0.98;
}
.repo-badge:hover { transform: translateX(-50%) translateY(-2px); box-shadow: 0 14px 30px rgba(0,0,0,0.18); }
.repo-badge svg { width: 18px; height: 18px; display: block; }
.repo-badge .repo-text { white-space: nowrap; margin-left: 6px; }
@keyframes repoPulse {
  0% { transform: translateX(-50%) scale(1); }
  50% { transform: translateX(-50%) scale(1.03); }
  100% { transform: translateX(-50%) scale(1); }
}
.repo-badge.pulse { animation: repoPulse 4s infinite; }
.repo-badge.pulse:not(:hover) { transform: translateX(-50%); }
@media (max-width: 900px) {
  .repo-badge {
    top: 6px;
    padding: 4px 8px;
    font-size: 0.78rem;
    gap: 5px;
  }
  .repo-badge svg { width: 14px; height: 14px; }
}
@media (prefers-color-scheme: dark) { .repo-badge { background: linear-gradient(90deg,#512da8,#311b92); } }