/* #elSearchWrapper has no layout of its own in the recovered theme (just
   position:relative) -- turning it into a flex row is what actually lets
   this widget sit directly to the left of the search box instead of
   stacking above/below it. */
#elSearchWrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* The recovered theme auto-injects a FontAwesome hamburger glyph before
   every widget title via ::before (public/css/ips/custom.css). It renders
   as an empty/broken box since that icon font isn't wired up here, and
   widgets that need an icon (Who's Online, Viewing Now) already carry
   their own via .lucide-nav-icon. */
.cWidgetContainer .ipsWidget_title::before {
  content: none !important;
}

.forum-presence {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
}

.forum-presence-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  font-weight: 700;
  color: #cfc7db;
  white-space: nowrap;
}

.forum-presence-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  flex: 0 0 auto;
}

.forum-presence-dot--online {
  background: #3bd671;
  box-shadow: 0 0 0 0 rgba(59, 214, 113, 0.6);
  animation: forum-presence-pulse 2s infinite;
}

.forum-presence-dot--total {
  background: #8a8494;
}

@keyframes forum-presence-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(59, 214, 113, 0.55);
  }
  70% {
    box-shadow: 0 0 0 6px rgba(59, 214, 113, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(59, 214, 113, 0);
  }
}

/* "Viewing Now" sidebar widget on forum.html */
.cViewingNowList li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 0;
}

.cViewingNowList li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.cViewingNowList .ipsUserPhoto {
  flex: 0 0 auto;
}

.cViewingNowList li > a:last-child {
  font-size: 0.86rem;
  font-weight: 600;
  color: #cfc7db;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cViewingNowList li > a:last-child:hover {
  color: #fff;
}