/*
 * UORealms BuddyBoss Colors - v1.0.0
 * Pure color/style overrides only.
 * No structural changes. No layout changes. No HTML injection.
 * Safe to activate/deactivate at any time.
 *
 * Strategy: Override BuddyBoss ReadyLaunch dark mode colors
 * with the UORealms space-indigo palette. Let BB handle all
 * layout and structure natively.
 */

/* ============================================================
   PAGE BACKGROUND
   ============================================================ */

body.bb-readylaunch,
#page.bb-readylaunch,
.site.bb-readylaunch,
.bb-rl-dark-mode {
  background-color: #0c1020 !important;
  color: #c8d4f0 !important;
}

/* ============================================================
   ACTIVITY FEED CARDS
   ============================================================ */

.bb-rl-activity-list li.activity-item,
ul.bb-rl-activity-list > li {
  background: rgba(14,20,40,0.82) !important;
  border-color: rgba(124,63,168,0.22) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.5), inset 0 1px 0 rgba(124,63,168,0.08) !important;
}

.bb-rl-activity-list li.activity-item:hover,
ul.bb-rl-activity-list > li:hover {
  border-color: rgba(124,63,168,0.5) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.65), inset 0 1px 0 rgba(124,63,168,0.15) !important;
}

/* ============================================================
   MEMBER CARDS
   ============================================================ */

.bb-rl-members-list li,
[class*="members-list"] > li {
  background: rgba(14,20,40,0.82) !important;
  border-color: rgba(124,63,168,0.22) !important;
}

.bb-rl-members-list li:hover {
  border-color: rgba(124,63,168,0.5) !important;
}

/* ============================================================
   GROUP CARDS
   ============================================================ */

.bb-rl-groups-list li,
[class*="groups-list"] > li {
  background: rgba(14,20,40,0.82) !important;
  border-color: rgba(124,63,168,0.22) !important;
}

.bb-rl-groups-list li:hover {
  border-color: rgba(124,63,168,0.5) !important;
}

/* ============================================================
   PROFILE HEADER
   ============================================================ */

.bb-rl-member-header,
[class*="member-header"],
[class*="profile-header"] {
  background: rgba(14,20,40,0.85) !important;
  border-color: rgba(124,63,168,0.22) !important;
}

/* ============================================================
   SIDEBAR WIDGETS (right column)
   ============================================================ */

.bb-rl-right-panel [class*="widget"],
.bb-rl-sidebar [class*="widget"],
[class*="bb-rl-widget"] {
  background: rgba(14,20,40,0.82) !important;
  border-color: rgba(124,63,168,0.22) !important;
}

/* Network/follower widget cards specifically */
[class*="network"] .avatar,
[class*="followers"] .avatar,
[class*="network"] img,
[class*="followers"] img,
[class*="member-card"] img {
  border-radius: 50% !important;
  border: 2px solid rgba(124,63,168,0.3) !important;
  background: rgba(14,20,40,0.5) !important;
}

/* Fix small avatar containers that show white background */
[class*="avatar-wrap"],
[class*="item-avatar"],
.avatar {
  background: transparent !important;
}

/* ============================================================
   MESSAGES
   ============================================================ */

[class*="messages-container"],
[class*="message-container"] {
  background: rgba(14,20,40,0.82) !important;
  border-color: rgba(124,63,168,0.22) !important;
}

/* ============================================================
   NOTIFICATIONS
   ============================================================ */

[class*="notification-item"] {
  background: rgba(14,20,40,0.82) !important;
  border-color: rgba(124,63,168,0.22) !important;
}

[class*="notification-item"].unread {
  border-left: 3px solid #7c3fa8 !important;
  background: rgba(124,63,168,0.06) !important;
}

/* ============================================================
   NAVIGATION TABS - active state in our purple
   ============================================================ */

.bb-rl-nav li.current a,
.bb-rl-nav li.selected a,
#item-nav ul li.current a,
#item-nav ul li.selected a,
div.item-list-tabs ul li.current a,
div.item-list-tabs ul li.selected a {
  color: #7c3fa8 !important;
  border-bottom-color: #7c3fa8 !important;
}

/* ============================================================
   LINKS - tint with our text color
   ============================================================ */

.bb-rl-container a:not([class*="button"]):not([class*="btn"]) {
  color: #c8d4f0;
}

.bb-rl-container a:not([class*="button"]):not([class*="btn"]):hover {
  color: #9f5fd4;
}

/* ============================================================
   INPUTS
   ============================================================ */

.bb-rl-container input[type="text"],
.bb-rl-container input[type="email"],
.bb-rl-container input[type="search"],
.bb-rl-container input[type="password"],
.bb-rl-container textarea,
.bb-rl-container select {
  background: rgba(8,12,26,0.7) !important;
  border-color: #1e2a45 !important;
  color: #c8d4f0 !important;
}

.bb-rl-container input:focus,
.bb-rl-container textarea:focus,
.bb-rl-container select:focus {
  border-color: #7c3fa8 !important;
  box-shadow: 0 0 0 3px rgba(124,63,168,0.25) !important;
  outline: none !important;
}

/* ============================================================
   LEFT PANEL (BuddyBoss's own buddypanel sidebar)
   Tint only - never hide. Always keep visible.
   ============================================================ */

.bb-rl-left-panel {
  display: block !important;
  background: rgba(8,12,26,0.97) !important;
  border-right-color: rgba(124,63,168,0.20) !important;
}

#buddypanel {
  background: rgba(8,12,26,0.97) !important;
  border-right-color: rgba(124,63,168,0.20) !important;
}

/* Active nav items in panel */
.bb-rl-left-panel .current a,
.bb-rl-left-panel .selected a,
#buddypanel .current a,
#buddypanel .selected a {
  color: #7c3fa8 !important;
  border-left-color: #7c3fa8 !important;
  background: rgba(124,63,168,0.12) !important;
}

/* ============================================================
   TOP HEADER (BuddyBoss's own ReadyLaunch header)
   Just tint it - don't hide or restructure
   ============================================================ */

.bb-rl-header,
#bb-rl-header,
[class*="bb-rl-header"] {
  background: rgba(8,12,26,0.96) !important;
  border-bottom-color: rgba(124,63,168,0.20) !important;
}

/* ============================================================
   HEADINGS
   ============================================================ */

.bb-rl-container h1,
.bb-rl-container h2,
.bb-rl-container h3,
.bb-rl-container h4,
.bb-rl-container h5 {
  color: #e8f0ff !important;
}

/* ============================================================
   ANNOUNCEMENT / NOTICE BAR
   ============================================================ */

#uor-login-fun-message,
[aria-label="UORealms welcome message"] {
  background: rgba(8,12,26,0.95) !important;
  border-bottom: 1px solid rgba(124,63,168,0.20) !important;
  color: #5a6a90 !important;
}

/* ============================================================
   NAV TAB PILLS - fix the gray background clash
   Exact selector: .bb-rl-members-item-options a.selected
   has background rgb(47,47,47) causing the visual break
   ============================================================ */

/* Fix number count span background inside selected pill */
.bb-rl-members-item-options a .bb-rl-widget-tab-count {
  background: transparent !important;
}

/* All pills get a border so they look like a matched pair */
.bb-rl-members-item-options a {
  background: transparent !important;
  color: #5a6a90 !important;
  border: 1px solid rgba(90,106,144,0.4) !important;
  border-radius: 99px !important;
  padding: 4px 16px !important;
}

/* Selected/active pill gets our purple */
.bb-rl-members-item-options a.selected,
.bb-rl-members-item-options a:hover {
  background: rgba(124,63,168,0.20) !important;
  color: #9f5fd4 !important;
  border-color: rgba(124,63,168,0.5) !important;
}

.bb-rl-breadcrumb,
.bbp-breadcrumb {
  color: #5a6a90 !important;
}

.bb-rl-breadcrumb a,
.bbp-breadcrumb a {
  color: #5a6a90 !important;
}

.bb-rl-breadcrumb a:hover,
.bbp-breadcrumb a:hover {
  color: #9f5fd4 !important;
}

/* ============================================================
   FORUMS - already look good, just minor color tweaks
   ============================================================ */

#bbpress-forums {
  color: #c8d4f0;
}

#bbpress-forums .bbp-forum-title a,
#bbpress-forums .bbp-topic-title a {
  color: #e8f0ff !important;
}

#bbpress-forums .bbp-forum-title a:hover,
#bbpress-forums .bbp-topic-title a:hover {
  color: #9f5fd4 !important;
}

#bbpress-forums .bbp-forum-info,
#bbpress-forums .bbp-topic-meta {
  color: #5a6a90 !important;
}