/* NEXUS Components — WoWonder-aware overrides */

/* ── Secure session badge (JS-injected after logo) ── */
.nexus-secure {
  display: inline-flex; align-items: center; gap: 5px;
  font-family: var(--font-mono); font-size: 8px;
  letter-spacing: 0.1em; color: var(--text-muted);
  margin-left: 10px;
  white-space: nowrap;
}
.nexus-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--green-ok);
  animation: nexus-status-blink 2s infinite;
  flex-shrink: 0;
}

/* ══════════════════════════════════════════
   RIGHT MENU — #head_menu_rght
   ══════════════════════════════════════════ */

/* Overflow guard so dropdowns escape the collapse container */
.navbar-default .navbar-collapse { overflow: visible !important; }

/* Normalize WoWonder's per-item margins */
#head_menu_rght > li,
.navbar-default li.dropdown.notification-container { margin: 0 !important; }
#head_menu_rght { display: flex !important; align-items: center !important; gap: 2px !important; }

/* ── Icon buttons (search, requests, messages, notifications) ── */
#head_menu_rght > li > a.sixteen-font-size,
#head_menu_rght > li > a.dropdown-toggle:not(.user-menu-combination) {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  color: var(--text-secondary) !important;
  background: transparent !important;
  transition: background var(--fast), color var(--fast) !important;
  position: relative;
}
#head_menu_rght > li > a.sixteen-font-size:hover,
#head_menu_rght > li > a.dropdown-toggle:not(.user-menu-combination):hover {
  background: var(--violet-dim) !important;
  color: var(--violet) !important;
}
#head_menu_rght > li.open > a.dropdown-toggle:not(.user-menu-combination) {
  background: var(--violet-dim) !important;
  color: var(--violet) !important;
}

/* SVG icon sizing — override WoWonder's .sixteen-font-size svg */
#head_menu_rght > li > a svg {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0;
  pointer-events: none;
  color: inherit !important;
}

/* ── Notification badge ── */
#head_menu_rght .new-update-alert {
  background: var(--magenta) !important;
  color: #fff !important;
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 700;
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  border-radius: 8px !important;
  padding: 0 4px !important;
  margin: 0 !important;
  top: 3px !important;
  left: auto !important;
  right: 0 !important;
  border: 2px solid var(--surface-0) !important;
  z-index: 2 !important;
}

/* ── User avatar button ── */
#head_menu_rght a.user-menu-combination {
  padding: 3px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  transition: box-shadow var(--fast) !important;
  margin-left: 4px !important;
}
#head_menu_rght a.user-menu-combination:hover,
#head_menu_rght li.open a.user-menu-combination {
  box-shadow: 0 0 0 3px var(--violet-dim) !important;
}
#head_menu_rght .user-avatar img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--violet) !important;
  object-fit: cover !important;
  display: block !important;
}

/* ══════════════════════════════════════════
   DROPDOWN PANELS — z-index + positioning
   ══════════════════════════════════════════ */
#head_menu_rght > li > .dropdown-menu,
.navbar-default .dropdown-menu.ani-acc-menu,
.navbar-default li.notification-container > .dropdown-menu,
.navbar-default li.messages-notification-container > .dropdown-menu,
.navbar-default li.requests-container > .dropdown-menu {
  z-index: 99999 !important;
  position: absolute !important;
  top: 100% !important;
  margin-top: 8px !important;
}

/* ── Account dropdown (.ani-acc-menu) ── */
.navbar-default .dropdown-menu.ani-acc-menu {
  background: var(--surface-2) !important;
  border: 1px solid var(--border-mid) !important;
  min-width: 240px !important;
  border-radius: var(--radius-md) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.6) !important;
  padding: 6px 0 !important;
}
/* User name header block */
.navbar-default .dropdown-menu.ani-acc-menu .wo_user_name {
  background: var(--surface-3) !important;
  border-radius: var(--radius-sm) !important;
  margin: 6px 8px 4px !important;
  overflow: hidden !important;
}
.navbar-default .dropdown-menu.ani-acc-menu .wo_user_name > a.wow_hdr_menu_usr_lnk {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  color: var(--text-primary) !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.03em !important;
}
.navbar-default .dropdown-menu.ani-acc-menu .wo_user_name > a.wow_hdr_menu_usr_lnk img {
  width: 36px !important; height: 36px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--violet) !important;
  order: -1 !important;
  object-fit: cover !important;
}
.navbar-default .dropdown-menu.ani-acc-menu .wo_user_name > a:not(.wow_hdr_menu_usr_lnk) {
  color: var(--text-muted) !important;
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.06em !important;
  padding: 4px 12px 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.navbar-default .dropdown-menu.ani-acc-menu .wo_user_name > a:not(.wow_hdr_menu_usr_lnk) svg {
  width: 14px !important; height: 14px !important; opacity: 0.5;
}
/* Menu items */
.navbar-default .dropdown-menu.ani-acc-menu > li > a,
.navbar-default .dropdown-menu.ani-acc-menu > li > .dropdown-search-link > a {
  color: var(--text-secondary) !important;
  padding: 8px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  transition: background var(--fast), color var(--fast) !important;
}
.navbar-default .dropdown-menu.ani-acc-menu > li > a:hover {
  background: var(--violet-dim) !important;
  color: var(--violet) !important;
}
.navbar-default .dropdown-menu.ani-acc-menu > li > a svg {
  width: 16px !important; height: 16px !important; flex-shrink: 0; opacity: 0.6;
}
.navbar-default .dropdown-menu.ani-acc-menu > li > hr { border-color: var(--border-dim) !important; margin: 4px 0 !important; }

/* ── Notifications / Messages / Requests dropdowns ── */
.navbar-default li.notification-container > .dropdown-menu { min-width: 360px !important; }
.navbar-default li.messages-notification-container > .dropdown-menu { min-width: 340px !important; }
.navbar-default li.requests-container > .dropdown-menu { min-width: 300px !important; }

.notifications-dropdown,
.messages-dropdown,
.request-list {
  background: var(--surface-2) !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.6) !important;
  max-height: 480px !important;
  overflow-y: auto !important;
  padding: 0 !important;
}

/* Sound toggle row */
.turn-off-sound { border-bottom: 1px solid var(--border-dim) !important; }
.turn-off-sound > span {
  display: flex !important; align-items: center !important; gap: 8px !important;
  padding: 8px 14px !important; cursor: pointer;
  color: var(--text-muted) !important;
  font-family: var(--font-mono) !important; font-size: 9px !important; letter-spacing: 0.08em !important;
}
.turn-off-sound > span:hover { background: var(--violet-dim) !important; color: var(--violet) !important; }
.turn-off-sound svg { width: 13px !important; height: 13px !important; flex-shrink: 0; }

/* Notification list items */
.notification-list {
  border-bottom: 1px solid var(--border-dim) !important;
  display: flex !important; align-items: flex-start !important; gap: 10px !important;
  padding: 10px 14px !important;
  transition: background var(--fast) !important;
}
.notification-list:hover { background: var(--violet-dim) !important; }
.notification-list .notification-user-avatar img {
  width: 42px !important; height: 42px !important;
  border-radius: 50% !important; border: 1.5px solid var(--border-mid) !important;
}
.notification-list .notification-text,
.notification-list .notification-text a { color: var(--text-secondary) !important; font-size: 13px !important; }
.notification-list .notification-time { color: var(--text-muted) !important; font-family: var(--font-mono) !important; font-size: 9px !important; letter-spacing: 0.04em !important; }

/* "Show all messages/notifications" footer link */
.show-message-link-container {
  background: var(--surface-2) !important;
  border-top: 1px solid var(--border-dim) !important;
  padding: 10px !important; text-align: center !important;
}
.show-message-link {
  color: var(--violet) !important;
  font-family: var(--font-display) !important; font-size: 12px !important;
  font-weight: 700 !important; letter-spacing: 0.06em !important;
}
.show-message-link:hover { color: #C4B5FD !important; }

/* ════════════════════════════════════════════
   MIDDLE COLUMN — FEED
   ════════════════════════════════════════════ */

.middlecol { padding: 0 8px !important; }
.page-margin { padding-top: 8px !important; }

/* ── Stories / status bar ── */
.user-status-home,
.wow_home_stories { background: transparent !important; padding: 0 0 4px !important; }
.wow_home_stories ul.status-list { margin: 0 -4px 6px !important; }

/* Create story tile */
.user-status-home ul.status-list li.create_new a {
  background: var(--surface-2) !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: var(--radius-sm) !important;
  transition: border-color var(--fast), background var(--fast) !important;
}
.user-status-home ul.status-list li.create_new a:hover { border-color: var(--violet) !important; background: var(--violet-dim) !important; }
.user-status-home ul.status-list li.create_new a svg {
  background: var(--violet-dim) !important;
  color: var(--violet) !important;
  border-radius: 50% !important;
  padding: 5px !important;
  width: 28px !important; height: 28px !important;
}
.user-status-home ul.status-list li.create_new a p { color: var(--text-muted) !important; font-family: var(--font-mono) !important; font-size: 8px !important; letter-spacing: 0.06em !important; }

/* Story tiles (others' stories) */
.user-status-home ul.status-list li a {
  border-radius: var(--radius-sm) !important;
  overflow: hidden !important;
}
.user-status-home ul.status-list li a p { font-family: var(--font-display) !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.04em !important; }

/* Story ring: unseen = violet, seen = muted */
.user-status-home ul.status-list li a.unseen_story img { outline: 2px solid var(--violet) !important; outline-offset: 2px !important; }
.user-status-home ul.status-list li a.seen_story img { outline: 2px solid var(--border-mid) !important; outline-offset: 2px !important; }

/* See all stories */
.user-status-home ul.status-list li.view-more-stories a {
  background: var(--surface-2) !important;
  border: 1px solid var(--border-dim) !important;
  border-radius: var(--radius-sm) !important;
}
.user-status-home ul.status-list li.view-more-stories a div {
  background: var(--violet-dim) !important;
  border-radius: 50% !important;
  border: 2px solid var(--border-mid) !important;
}
.user-status-home ul.status-list li.view-more-stories a svg { color: var(--violet) !important; }
.user-status-home ul.status-list li.view-more-stories a p { color: var(--text-muted) !important; font-family: var(--font-mono) !important; font-size: 8px !important; letter-spacing: 0.06em !important; }

/* ── Feed announcement toast ── */
.home-announcement .alert {
  background: var(--surface-2) !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--text-secondary) !important;
  box-shadow: none !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
}
.home-announcement .close { color: var(--text-muted) !important; opacity: 0.6 !important; }
.home-announcement .close:hover { color: var(--violet) !important; opacity: 1 !important; }

/* ── Filter pill bar ── */
#filterby-post {
  background: var(--surface-1) !important;
  border: 1px solid var(--border-dim) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
  top: 56px !important;
  padding: 4px !important;
  gap: 2px !important;
}
#filterby-post li {
  border-radius: var(--radius-sm) !important;
  padding: 6px 10px !important;
  color: var(--text-muted) !important;
  transition: background var(--fast), color var(--fast) !important;
  cursor: pointer !important;
}
#filterby-post li:hover,
#filterby-post .avtive {
  background: var(--violet-dim) !important;
  color: var(--violet) !important;
}
#filterby-post li:before,
#filterby-post .avtive:before { display: none !important; }
#filterby-post li svg { width: 18px !important; height: 18px !important; }
#filterby-post .avtive svg path { fill: var(--violet) !important; }

/* ── "New posts available" floating pill ── */
.posts-count {
  background: var(--violet) !important;
  color: #fff !important;
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 20px !important;
  padding: 8px 18px !important;
  box-shadow: 0 4px 20px rgba(167,139,250,0.4) !important;
  border: none !important;
  top: 80px !important;
  transition: opacity var(--fast), transform var(--fast) !important;
}
.posts-count:hover { background: #9d78f0 !important; transform: translate(-50%, -50%) scale(1.04) !important; }
.posts-count:empty { padding: 0 !important; box-shadow: none !important; }

/* ── Skeleton loading shimmer ── */
.wo_loading_post {
  background: var(--surface-1) !important;
  border: 1px solid var(--border-dim) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
  margin-bottom: 10px !important;
  padding: 16px !important;
}
.lightui1-shimmer {
  background: var(--surface-2) !important;
  background-image: linear-gradient(
    to right,
    var(--surface-2) 0%,
    rgba(167,139,250,0.06) 20%,
    var(--surface-2) 40%,
    var(--surface-2) 100%
  ) !important;
  border-radius: 3px !important;
}
.lightui1-shimmer div { background: var(--surface-1) !important; }

/* ── Publisher / composer box ── */
.sun_pub_box,
.publisher-box .panel,
.publisher-box .panel.sun_pub_box {
  background: var(--surface-1) !important;
  border: 1px solid var(--border-dim) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
  transition: border-color var(--fast) !important;
}
.publisher-box:focus-within .sun_pub_box,
.publisher-box .sun_pub_box:focus-within { border-color: var(--border-mid) !important; }

#post-textarea { cursor: text !important; }

.wo_pub_txtara_combo { position: relative !important; }
.publisher-box .post-avatar {
  width: 34px !important; height: 34px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--violet) !important;
  top: 11px !important; left: 12px !important;
}
.sun_pub_name span {
  font-family: var(--font-display) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: var(--text-secondary) !important;
}

textarea.postText,
.publisher-box textarea.postText {
  background: transparent !important;
  color: var(--text-primary) !important;
  border: none !important;
  box-shadow: none !important;
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  caret-color: var(--violet) !important;
}
textarea.postText::placeholder { color: var(--text-muted) !important; }

/* Emoji button */
.publisher-box .add-emoticons .dropdown-toggle {
  background: var(--surface-2) !important;
  border-radius: 50% !important;
  width: 32px !important; height: 32px !important;
  line-height: 32px !important;
  top: 9px !important; right: 10px !important;
  box-shadow: none !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}
.publisher-box .add-emoticons .dropdown-toggle svg.feather { fill: var(--text-muted) !important; width: 18px !important; height: 18px !important; }
.publisher-box .add-emoticons .dropdown-toggle:hover { background: var(--violet-dim) !important; }
.publisher-box .add-emoticons .dropdown-toggle:hover svg.feather { fill: var(--violet) !important; }

/* Composer action buttons row */
.sun_pub_mid_foot {
  border-top: 1px solid var(--border-dim) !important;
  padding: 6px 8px !important;
  background: transparent !important;
}
.sun_pub_mid_foot .poster-left-buttons .btn {
  background: var(--surface-2) !important;
  color: var(--text-muted) !important;
  border: none !important;
  border-radius: 2em !important;
  font-family: var(--font-display) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  transition: background var(--fast), color var(--fast) !important;
}
.sun_pub_mid_foot .poster-left-buttons .btn:hover { background: var(--violet-dim) !important; color: var(--violet) !important; }
.sun_pub_mid_foot .poster-left-buttons .btn svg { color: inherit !important; }
.sun_pub_mid_foot .poster-left-buttons .btn svg path { fill: currentColor !important; stroke: none !important; }

/* "More options" popup */
.sun_pub_more_items .btn > span { background: var(--surface-2) !important; border-radius: 50% !important; }
.sun_pub_more_items .btn:hover > span { background: var(--violet-dim) !important; }
.sun_pub_more_items .btn svg path { fill: currentColor !important; }

/* Privacy dropdown */
.sun_pub_privacy_dropdown {
  background: var(--surface-2) !important;
  border-color: var(--border-mid) !important;
  color: var(--text-secondary) !important;
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.06em !important;
  border-radius: 2em !important;
}
.sun_pub_privacy_menu {
  background: var(--surface-2) !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}
.sun_pub_privacy_menu li label span { color: var(--text-secondary) !important; font-family: var(--font-mono) !important; font-size: 10px !important; letter-spacing: 0.04em !important; }
.sun_pub_privacy_menu li:hover label span { background: var(--violet-dim) !important; color: var(--text-primary) !important; }
.sun_pub_privacy_menu li label input[type="radio"]:checked + span { background: var(--violet) !important; color: #fff !important; }

/* Publish button */
#publisher-button,
.publisher-box #publisher-button {
  background: var(--violet) !important;
  border: none !important;
  color: #fff !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: var(--radius-sm) !important;
  min-width: 90px !important;
  transition: opacity var(--fast) !important;
}
#publisher-button:hover { opacity: 0.85 !important; }

/* ── Post cards ── */
.post-container { margin-bottom: 10px !important; }

.post .panel,
.post .panel.panel-white,
.post .panel.panel-shadow,
.post .panel.panel-white.panel-shadow {
  background: var(--surface-1) !important;
  border: 1px solid var(--border-dim) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
  transition: border-color var(--fast) !important;
}
.post .panel:hover { border-color: var(--border-mid) !important; }

/* Pinned post indicator */
.pin-icon { color: var(--violet) !important; opacity: 0.6 !important; }
.pin-icon svg path { stroke: currentColor !important; fill: none !important; }

/* Boosted / promoted post */
.post.boosted .panel { border-color: rgba(167,139,250,0.25) !important; }

/* Post heading */
.post .post-heading {
  height: auto !important;
  padding: 12px 14px !important;
  display: flex !important;
  align-items: center !important;
}
.post .post-heading .avatar,
.post .post-heading .image a.avatar,
.wow_post_usr_ava {
  width: 40px !important; height: 40px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
.post .post-heading .avatar img,
.post .post-heading .image a img,
.wow_post_usr_ava img {
  width: 40px !important; height: 40px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--border-mid) !important;
  object-fit: cover !important;
  transition: border-color var(--fast) !important;
}
.post .post-heading .image a:hover img { border-color: var(--violet) !important; }

/* Verified badge ring */
.wow_post_usr_ava_active img { border-color: var(--violet) !important; }
.post .post-heading .verified-color svg path { fill: var(--violet) !important; }

.post .post-heading .meta .title { margin-bottom: 0 !important; margin-top: 0 !important; }
.post .post-heading .meta .title a {
  font-family: var(--font-display) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: var(--text-primary) !important;
}
.post .post-heading .meta .title a:hover { color: var(--violet) !important; text-decoration: none !important; }
.post .post-heading .meta .time,
.post .post-heading .meta .time a {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  color: var(--text-muted) !important;
  letter-spacing: 0.06em !important;
  margin-top: 2px !important;
}
.post .post-heading .meta .time a:hover { color: var(--text-secondary) !important; }

/* 3-dot menu in post heading */
.post .post-heading .dropdown > a,
.post .post-heading .dropdown-toggle {
  color: var(--text-muted) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 50% !important;
  width: 30px !important; height: 30px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  transition: background var(--fast), color var(--fast) !important;
}
.post .post-heading .dropdown > a:hover,
.post .post-heading .dropdown-toggle:hover,
.post .post-heading .dropdown.open > a {
  background: var(--surface-2) !important;
  color: var(--text-primary) !important;
}
.post .post-heading .dropdown-menu {
  background: var(--surface-2) !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
  padding: 4px 0 !important;
}
.post .post-heading .dropdown-menu > li > a {
  color: var(--text-secondary) !important;
  font-family: var(--font-display) !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
  padding: 8px 14px !important;
  transition: background var(--fast), color var(--fast) !important;
}
.post .post-heading .dropdown-menu > li > a:hover { background: var(--violet-dim) !important; color: var(--text-primary) !important; }
.post .post-heading .dropdown-menu > li > a svg { color: inherit !important; }

/* Post body text */
.post .post-description {
  padding: 4px 14px 10px !important;
}
.post .post-description p {
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  color: var(--text-secondary) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
.post .post-description p a { color: var(--violet) !important; }

/* Reaction/stat counts above action bar */
.post .post-description .stats .stat-item {
  color: var(--text-muted) !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
  padding: 2px 6px !important;
  transition: color var(--fast) !important;
  cursor: pointer !important;
}
.post .post-description .stats .stat-item:hover { color: var(--text-secondary) !important; }

/* Post footer — like/comment/share bar */
.post .post-footer {
  background: transparent !important;
  border-top: 1px solid var(--border-dim) !important;
  padding: 4px 8px !important;
}
.post .post-footer .btn:not(.social-btn),
.post .post-footer .stat-item {
  color: var(--text-muted) !important;
  background: transparent !important;
  font-family: var(--font-display) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 6px 10px !important;
  transition: background var(--fast), color var(--fast) !important;
}
.post .post-footer .btn:not(.social-btn):hover,
.post .post-footer .stat-item:hover {
  background: var(--surface-2) !important;
  color: var(--violet) !important;
}
.post .post-footer .btn svg,
.post .post-footer .stat-item svg { color: inherit !important; }

/* Comment section */
.post .post-footer .comments-list { padding: 0 !important; }
.post .post-footer .comments-list .comment { margin: 8px 0 !important; }
.post .post-footer .comments-list .comment .avatar {
  width: 32px !important; height: 32px !important;
  border-radius: 50% !important;
  border: 1px solid var(--border-dim) !important;
  object-fit: cover !important;
}
.post .post-footer .comments-list .comment .comment-heading {
  background: var(--surface-2) !important;
  border: 1px solid var(--border-dim) !important;
  border-radius: var(--radius-sm) !important;
  padding: 8px 12px !important;
}
.post .post-footer .comments-list .comment .comment-heading .user,
.post .post-footer .comments-list .comment .comment-heading .user a {
  font-family: var(--font-display) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: var(--text-primary) !important;
}
.post .post-footer .comments-list .comment .comment-heading .time { font-family: var(--font-mono) !important; font-size: 9px !important; color: var(--text-muted) !important; letter-spacing: 0.04em !important; }

/* Comment text body */
.post .post-footer .comments-list .comment .comment-body { color: var(--text-secondary) !important; font-size: 13px !important; font-family: var(--font-body) !important; }

/* Comment input */
.post .post-footer .textarea {
  background: var(--surface-2) !important;
  border: 1px solid var(--border-dim) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--text-primary) !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  padding-right: 120px !important;
  transition: border-color var(--fast) !important;
}
.post .post-footer .textarea:focus { border-color: var(--violet) !important; outline: none !important; }
.post .post-footer .textarea::placeholder { color: var(--text-muted) !important; }

/* Comment action links */
.post .post-footer .input-group-addon a { color: var(--text-muted) !important; transition: color var(--fast) !important; }
.post .post-footer .input-group-addon a:hover { color: var(--violet) !important; }

/* Reply comments */
.post .post-footer .comments-list .reply .reply-heading .user,
.post .post-footer .comments-list .reply .reply-heading .user a { color: var(--text-primary) !important; font-family: var(--font-display) !important; font-weight: 700 !important; }
.post .post-footer .comments-list .reply .reply-heading .time { color: var(--text-muted) !important; font-family: var(--font-mono) !important; font-size: 9px !important; }

/* Announcement bar (mid-feed) */
.wow_content.order-by,
.wow_content:not(.wow_side_loggd_usr):not(.wow_side_invite):not(.wow_side_online) {
  background: var(--surface-1) !important;
  border: 1px solid var(--border-dim) !important;
  box-shadow: none !important;
}

/* ── WoWonder: Right sidebar ── */
.rightcol,
.col-md-3.sidebar.rightcol {
  border-left: 1px solid var(--border-dim) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.sidebar-conatnier { background: transparent !important; }

/* list-group containers become borderless dark cards */
.rightcol .list-group {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid var(--border-dim) !important;
}
.rightcol .list-group-item {
  background: transparent !important;
  border: none !important;
  color: var(--text-secondary) !important;
  padding: 8px 14px !important;
}

/* ── Section headers ── */
.sidebar .sidebar-title-back,
.rightcol .sidebar-title-back,
.rightcol li.list-group-item.sidebar-title-back {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
  background: transparent !important;
  padding: 14px 14px 6px !important;
  line-height: 1.2 !important;
  border-bottom: none !important;
}
.sidebar .sidebar-title-back svg,
.rightcol .sidebar-title-back svg {
  width: 12px !important; height: 12px !important;
  vertical-align: middle !important; margin-right: 6px !important;
  opacity: 0.5 !important;
}

/* Refresh icon */
.rightcol .refresh {
  cursor: pointer !important;
  opacity: 0.4 !important;
  transition: opacity var(--fast) !important;
}
.rightcol .refresh:hover { opacity: 0.9 !important; color: var(--violet) !important; }
.rightcol .refresh .fa { color: inherit !important; }

/* ── User profile card ── */
.wow_content.wow_side_loggd_usr {
  background: var(--surface-1) !important;
  border-bottom: 1px solid var(--border-dim) !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: var(--font-body) !important;
}
.wow_side_loggd_usr_cvr {
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  height: 72px !important;
}
.wow_side_loggd_usr_cvr img {
  width: 100% !important;
  height: 72px !important;
  object-fit: cover !important;
  filter: brightness(0.7) saturate(0.6) !important;
}
.wow_side_loggd_usr_hdr {
  position: relative !important;
  text-align: center !important;
  padding: 0 14px 12px !important;
}
.wow_side_loggd_usr_hdr .avatar {
  width: 52px !important; height: 52px !important;
  margin: -26px auto 8px !important;
}
.wow_side_loggd_usr_hdr .avatar img {
  width: 52px !important; height: 52px !important;
  border-radius: 50% !important;
  border: 2px solid var(--void) !important;
  box-shadow: 0 0 0 2px var(--violet) !important;
  object-fit: cover !important;
}
.wow_side_loggd_usr_hdr .title a {
  font-family: var(--font-display) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  color: var(--text-primary) !important;
  text-decoration: none !important;
}
.wow_side_loggd_usr_hdr .title a:hover { color: var(--violet) !important; }
.wow_side_loggd_usr_hdr .title p {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  color: var(--text-muted) !important;
  letter-spacing: 0.08em !important;
  margin: 2px 0 0 !important;
}

/* User stats row */
.wo_user_side_info {
  display: flex !important;
  flex-wrap: nowrap !important;
  padding: 0 !important;
  margin: 0 !important;
  border-top: 1px solid var(--border-dim) !important;
}
.wo_user_side_info li {
  flex: 1 1 0 !important;
  border-right: 1px solid var(--border-dim) !important;
  text-align: center !important;
}
.wo_user_side_info li:last-child { border-right: none !important; }
.wo_user_side_info li a.menu_list {
  display: block !important;
  padding: 8px 4px !important;
  text-decoration: none !important;
  color: var(--text-secondary) !important;
  transition: background var(--fast), color var(--fast) !important;
}
.wo_user_side_info li a.menu_list:hover {
  background: var(--surface-2) !important;
  color: var(--text-primary) !important;
}
.wo_user_side_info .split-link {
  display: block !important;
  font-family: var(--font-mono) !important;
  font-size: 8px !important;
  letter-spacing: 0.08em !important;
  color: var(--text-muted) !important;
  text-transform: uppercase !important;
}
.wo_user_side_info .split-link b { font-weight: 400 !important; color: inherit !important; }
.wo_user_side_info li a.menu_list > span:not(.split-link) {
  display: block !important;
  font-family: var(--font-display) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--text-primary) !important;
  letter-spacing: 0.04em !important;
}

/* Birthdays */
.wow_side_bdays {
  border-top: 1px solid var(--border-dim) !important;
  padding: 10px 14px !important;
  margin-top: 0 !important;
}
.wow_side_bdays > p {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
  margin-bottom: 8px !important;
}
.wow_side_bday_usr {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 4px 0 !important;
}
.wow_side_bday_usr > svg { width: 16px !important; height: 16px !important; opacity: 0.6 !important; flex-shrink: 0 !important; }
.wow_side_bday_usr .avatar { width: 30px !important; height: 30px !important; flex-shrink: 0 !important; }
.wow_side_bday_usr .avatar img { width: 30px !important; height: 30px !important; border-radius: 50% !important; border: 1px solid var(--border-mid) !important; }
.wow_side_bday_usr .user-name a { font-family: var(--font-display) !important; font-size: 12px !important; font-weight: 600 !important; color: var(--text-primary) !important; letter-spacing: 0.04em !important; }
.wow_side_bday_usr .user-lastseen { font-family: var(--font-mono) !important; font-size: 9px !important; color: var(--text-muted) !important; }

/* ── Trending hashtags ── */
.list-group.trending { background: transparent !important; }
.list-group.trending .wow_htag a {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 7px 14px !important;
  text-decoration: none !important;
  transition: background var(--fast) !important;
  border-radius: var(--radius-sm) !important;
  margin: 1px 6px !important;
}
.list-group.trending .wow_htag a:hover { background: var(--surface-2) !important; }
.htag_top {
  font-family: var(--font-display) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: var(--text-primary) !important;
  display: flex !important; align-items: center !important; gap: 6px !important;
}
.htag_top svg { width: 14px !important; height: 14px !important; color: var(--violet) !important; }
.htag_top svg path { fill: var(--violet) !important; }
.htag_bottom {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  color: var(--text-muted) !important;
  letter-spacing: 0.06em !important;
}

/* ── Featured / Pro members ── */
.featured-users {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--border-dim) !important;
  margin-bottom: 0 !important;
  padding-bottom: 10px !important;
}
.featured-users .sidebar-title-back { background: transparent !important; }
.featured-users .pro-me-here {
  font-family: var(--font-mono) !important;
  font-size: 8px !important;
  letter-spacing: 0.06em !important;
  color: var(--violet) !important;
  border: 1px solid var(--violet) !important;
  border-radius: 2px !important;
  padding: 2px 6px !important;
}
.featured-users .pro-me-here:hover { background: var(--violet-dim) !important; }
.wo_pro_users .slick-slide > div { padding: 2px 4px !important; }
.wo_pro_users .user {
  background: var(--surface-2) !important;
  border: 1px solid var(--border-dim) !important;
  border-radius: var(--radius-sm) !important;
  overflow: hidden !important;
}
.wo_pro_users .user img { border-radius: var(--radius-sm) var(--radius-sm) 0 0 !important; }
.wo_pro_users .user span {
  font-family: var(--font-display) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: var(--text-secondary) !important;
  padding: 5px 4px !important;
}

/* ── User suggestion items ── */
.wow_side_usrs {
  width: 50% !important;
  display: inline-block !important;
  padding: 5px !important;
  vertical-align: top !important;
}
#wo_sidebar_users {
  background: var(--surface-1) !important;
  border: 1px solid var(--border-dim) !important;
  border-radius: var(--radius-sm) !important;
  padding: 12px 8px !important;
  text-align: center !important;
  transition: border-color var(--fast), box-shadow var(--fast) !important;
  box-shadow: none !important;
}
#wo_sidebar_users:hover {
  border-color: var(--border-mid) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important;
}
#wo_sidebar_users .avatar img {
  border-radius: 50% !important;
  width: 48px !important; height: 48px !important;
  border: 1.5px solid var(--border-mid) !important;
  margin-bottom: 6px !important;
}
#wo_sidebar_users .wo_user_link_name { display: block !important; margin-bottom: 6px !important; text-decoration: none !important; }
#wo_sidebar_users .user-name {
  font-family: var(--font-display) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: var(--text-primary) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
  display: block !important;
}
#wo_sidebar_users .user-follow-button .btn-default,
.sidebar .wo_sidebar_pages .user-follow-button button {
  background: transparent !important;
  border: 1px solid var(--border-mid) !important;
  color: var(--text-secondary) !important;
  font-family: var(--font-mono) !important;
  font-size: 8px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 3px 10px !important;
  border-radius: 2px !important;
  transition: all var(--fast) !important;
}
#wo_sidebar_users .user-follow-button .btn-default:hover,
.sidebar .wo_sidebar_pages .user-follow-button button:hover {
  background: var(--violet-dim) !important;
  border-color: var(--violet) !important;
  color: var(--violet) !important;
}
#wo_sidebar_users .btn-default svg { display: none !important; }

/* ── Page suggestion items ── */
.promoted-style.sidebar-page-data .card.hovercard {
  background: var(--surface-1) !important;
  border: 1px solid var(--border-dim) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
  margin: 4px 6px !important;
  transition: border-color var(--fast) !important;
}
.promoted-style.sidebar-page-data .card.hovercard:hover { border-color: var(--border-mid) !important; }
.promoted-style .cardheader img { height: 50px !important; object-fit: cover !important; filter: brightness(0.6) !important; }
.promoted-style .page_middle { padding: 6px 10px !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.promoted-style .page_middle .avatar img { width: 32px !important; height: 32px !important; border-radius: 50% !important; border: 1.5px solid var(--violet) !important; }
.promoted-style .page_middle .info .title a { font-family: var(--font-display) !important; font-size: 12px !important; font-weight: 700 !important; color: var(--text-primary) !important; letter-spacing: 0.04em !important; }
.promoted-style .page_middle .info .page_catg,
.promoted-style .page_middle .info .text-muted { font-family: var(--font-mono) !important; font-size: 8px !important; color: var(--text-muted) !important; letter-spacing: 0.04em !important; }
.promoted-style .user-follow-button { padding: 6px 10px !important; }

/* ── Online users widget ── */
.wow_side_online {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
}
.wow_side_online svg { width: 24px !important; height: 24px !important; flex-shrink: 0 !important; opacity: 0.7 !important; }
.wow_side_online p {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  color: var(--text-muted) !important;
  letter-spacing: 0.08em !important;
  margin: 0 !important;
}

/* ── Invite friends form ── */
.sidebar .wow_side_invite_prnt { box-shadow: none !important; border-bottom: 1px solid var(--border-dim) !important; }
.wow_side_invite {
  background: transparent !important;
  padding: 12px 14px !important;
  text-align: center !important;
}
.wow_side_invite > svg { width: 40px !important; height: 40px !important; opacity: 0.25 !important; }
.wow_side_invite .sidebar-title-back {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.1em !important;
  color: var(--text-muted) !important;
  background: transparent !important;
  padding: 8px 0 10px !important;
  display: block !important;
}
.invite-user-combine {
  display: flex !important;
  gap: 6px !important;
}
.invite-user-combine .form-control {
  background: var(--surface-2) !important;
  border: 1px solid var(--border-dim) !important;
  color: var(--text-primary) !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
  border-radius: var(--radius-sm) !important;
  flex: 1 !important;
}
.invite-user-combine .form-control:focus {
  border-color: var(--violet) !important;
  box-shadow: 0 0 0 3px var(--violet-dim) !important;
  outline: none !important;
}
.invite-user-combine .btn.btn-main {
  background: var(--violet) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 6px 10px !important;
  color: #fff !important;
  transition: opacity var(--fast) !important;
}
.invite-user-combine .btn.btn-main:hover { opacity: 0.85 !important; }

/* ── Latest activities ── */
#sidebar-sticky .activity-container { margin-bottom: 0 !important; }
.wow_side_acts {
  border: none !important;
  background: transparent !important;
}
.wow_side_acts .notification-list {
  background: transparent !important;
  padding: 6px 10px !important;
  transition: background var(--fast) !important;
}
.wow_side_acts .notification-list:hover { background: var(--surface-2) !important; }
.wow_side_acts .notification-user-avatar { position: relative !important; float: left !important; margin-right: 8px !important; }
.wow_side_acts .notification-user-avatar img {
  width: 36px !important; height: 36px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--border-mid) !important;
  object-fit: cover !important;
  margin: 0 !important;
}
.wow_side_acts .notification-user-avatar > span {
  position: absolute !important;
  background: var(--surface-2) !important;
  border: 1px solid var(--border-dim) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  bottom: -4px !important; right: 0 !important;
  width: 18px !important; height: 18px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}
.wow_side_acts .notification-user-avatar > span svg {
  width: 10px !important; height: 10px !important;
  color: var(--violet) !important;
  stroke: var(--violet) !important;
}
.wo_sidebar_activity {
  margin-left: 44px !important;
  display: flex !important;
}
.wo_sidebar_activity > div {
  background: var(--surface-2) !important;
  border-radius: var(--radius-sm) !important;
  padding: 5px 10px !important;
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  color: var(--text-secondary) !important;
  line-height: 1.4 !important;
  width: 100% !important;
}
.wo_sidebar_activity a.main-color { color: var(--violet) !important; font-weight: 600 !important; }
.wo_sidebar_activity a.second-user-color { color: var(--cyan) !important; font-weight: 600 !important; }
.wo_sidebar_activity .notification-time { display: block !important; font-family: var(--font-mono) !important; font-size: 8px !important; color: var(--text-muted) !important; letter-spacing: 0.06em !important; margin-top: 3px !important; }
.wow_side_acts.unread .notification-list { border-left: 2px solid var(--violet) !important; }

/* ── WoWonder: Left sidebar container ── */
.leftcol {
  border-right: 1px solid var(--border-dim) !important;
}
.left-sidebar {
  display: block !important; /* WW hides this in media query; we keep visible above 990px */
  background: transparent !important;
  padding: 8px 0 16px !important;
}
.left-sidebar ul {
  padding-left: 0 !important;
  list-style: none !important;
  margin: 0 !important;
}

/* ── Nav items ── */
.left-sidebar ul > li {
  margin: 1px 8px !important;
}
.left-sidebar ul > li > a {
  color: var(--text-secondary) !important;
  font-family: var(--font-display) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 12px !important;
  border-radius: var(--radius-sm) !important;
  border-left: 2px solid transparent !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  transition: color var(--fast), background var(--fast), border-color var(--fast) !important;
  text-decoration: none !important;
}
.left-sidebar ul > li > a:hover {
  color: var(--text-primary) !important;
  background: var(--surface-2) !important;
  border-left-color: var(--border-mid) !important;
  text-decoration: none !important;
}
.left-sidebar ul > li.active > a,
.left-sidebar ul > li.wow_side_post_fltr.active > a {
  color: var(--violet) !important;
  background: var(--violet-dim) !important;
  border-left-color: var(--violet) !important;
}

/* ── Icons ── */
/* Show inline SVGs (WoWonder hides them by default) */
.left-sidebar ul > li > a > svg {
  display: inline-block !important;
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  opacity: 0.75;
  transition: opacity var(--fast) !important;
}
.left-sidebar ul > li > a:hover > svg,
.left-sidebar ul > li.active > a > svg { opacity: 1; }

/* Hardcoded fill colors → inherit from link color */
.left-sidebar ul li a svg path,
.left-sidebar ul li a svg rect,
.left-sidebar ul li a svg circle,
.left-sidebar ul li a svg line,
.left-sidebar ul li a svg polyline {
  fill: currentColor !important;
  stroke: none !important;
}

/* Hide img when SVG is already present (both exist in markup) */
/* For icon-only items (watch/reels), img is the only icon — keep it */
.left-sidebar ul li a > svg + img { display: none !important; }
.left-sidebar ul li a > img {
  flex-shrink: 0 !important;
  width: 18px !important; height: 18px !important;
  opacity: 0.55 !important;
  filter: grayscale(1) brightness(1.8) !important;
  transition: opacity var(--fast), filter var(--fast) !important;
}
.left-sidebar ul li a:hover > img,
.left-sidebar ul li.active a > img {
  opacity: 0.9 !important;
  filter: grayscale(1) brightness(2.2) !important;
}

/* ── Post order dropdown (inside .wow_side_post_fltr) ── */
.wow_side_post_fltr {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.wow_side_post_fltr > a { flex: 1 !important; }

.wow_side_post_fltr .dropdown.order_by {
  flex-shrink: 0 !important;
  margin-right: 8px !important;
}
.wow_side_post_fltr .dropdown.order_by .dropdown-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important; height: 24px !important;
  border-radius: 50% !important;
  color: var(--text-muted) !important;
  transition: color var(--fast), background var(--fast) !important;
}
.wow_side_post_fltr .dropdown.order_by .dropdown-toggle:hover,
.wow_side_post_fltr .dropdown.order_by.open .dropdown-toggle {
  color: var(--violet) !important;
  background: var(--violet-dim) !important;
}
.wow_side_post_fltr .dropdown.order_by .dropdown-toggle svg path { fill: currentColor !important; }

.post_order_feed {
  background: var(--surface-2) !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
  padding: 4px 0 !important;
  min-width: 200px !important;
}
.post_order_feed > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  color: var(--text-secondary) !important;
  font-family: var(--font-display) !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
  transition: background var(--fast), color var(--fast) !important;
}
.post_order_feed > li > a:hover {
  background: var(--violet-dim) !important;
  color: var(--text-primary) !important;
}
.post_order_feed > li.active > a,
.post_order_feed > li.order_all.active > a,
.post_order_feed > li.order_people.active > a {
  color: var(--violet) !important;
  background: var(--violet-dim) !important;
}
.post_order_feed > li > a svg { flex-shrink: 0; width: 18px; height: 18px; }
.post_order_feed > li > a svg path { fill: currentColor !important; }
.post_order_feed > li > a > div { display: flex; flex-direction: column; }
.post_order_feed > li > a b {
  font-family: var(--font-display) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  color: inherit !important;
}
.post_order_feed > li > a p {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  color: var(--text-muted) !important;
  margin: 0 !important;
  letter-spacing: 0.04em !important;
}

/* ── WoWonder: Hashtag search / search dropdown ── */
.hashtag-search-result a:hover { background: var(--violet-dim) !important; color: var(--violet) !important; }
.search-container { position: relative; }

/* ── WoWonder: Story/status items ── */
.status-list .create_new a { background: var(--violet-dim) !important; border-color: var(--border-mid) !important; color: var(--violet) !important; }

/* ── WoWonder: Post "order-by" filter bar ── */
.wow_content.order-by .dropdown-toggle { color: var(--text-secondary) !important; }

/* ── Avatar system ── */
.nexus-avatar {
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-weight: 700;
  position: relative; flex-shrink: 0;
  background: var(--surface-2); color: var(--text-primary);
}
.nexus-avatar::after {
  content: ''; position: absolute; inset: -4px; border-radius: 50%;
  border: 1px solid rgba(167,139,250,0.15);
  animation: nexus-pulse-ring 3s infinite;
}
.nexus-avatar[data-type="single_man"]   { border: 1.5px solid var(--ring-single-man);   }
.nexus-avatar[data-type="single_woman"] { border: 1.5px solid var(--ring-single-woman); }
.nexus-avatar[data-type="couple"]       { border: 1.5px solid var(--ring-couple);       }
.nexus-avatar[data-type="polycule"]     { border: 1.5px solid var(--ring-polycule);     }
.nexus-avatar[data-type="kinkster"]     { border: 1.5px solid var(--ring-kinkster);     }
.nexus-avatar[data-type="club"]         { border: 1.5px solid var(--ring-club);         }
.nexus-avatar[data-type="creator"]      { border: 1.5px solid var(--ring-creator);      }

/* ── NEXUS Post cards (custom Sprint 3 feed) ── */
.nexus-post-card {
  background: var(--surface-1); border: 1px solid var(--border-dim);
  border-radius: var(--radius-lg); margin-bottom: 12px; overflow: hidden;
  transition: border-color var(--fast); animation: nexus-fade-up 0.35s both;
}
.nexus-post-card:hover { border-color: var(--border-mid); }
.nexus-post-header { display:flex; align-items:center; gap:10px; padding:14px 16px 8px; }
.nexus-post-name   { font-family:var(--font-display); font-size:15px; font-weight:700; color:var(--text-primary); letter-spacing:0.03em; }
.nexus-post-handle { font-family:var(--font-mono); font-size:9px; color:var(--text-muted); letter-spacing:0.05em; margin-top:1px; }
.nexus-post-body   { padding:0 16px 12px; color:var(--text-secondary); font-size:14px; line-height:1.65; }
.nexus-post-footer { display:flex; align-items:center; gap:4px; padding:10px 16px; border-top: 1px solid var(--border-dim); }

.nexus-action {
  display:flex; align-items:center; gap:5px; padding:5px 10px;
  border-radius: var(--radius-sm); cursor: pointer; color: var(--text-muted);
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em;
  transition: all var(--fast); border: 1px solid transparent;
}
.nexus-action:hover { color:var(--violet); background:var(--violet-dim); border-color:var(--border-dim); }
.nexus-action.active { color:var(--magenta); }

/* ── Feed tabs ── */
.nexus-feed-tabs {
  display:flex; gap:2px; background:var(--surface-1);
  border:1px solid var(--border-dim); border-radius:var(--radius-md); padding:3px; margin-bottom:16px;
}
.nexus-feed-tab {
  font-family:var(--font-display); font-size:12px; font-weight:700;
  letter-spacing:0.07em; text-transform:uppercase; padding:7px 14px;
  border-radius:var(--radius-sm); cursor:pointer; color:var(--text-muted);
  transition:all var(--fast); border:1px solid transparent;
}
.nexus-feed-tab:hover { color:var(--text-secondary); }
.nexus-feed-tab.active { background:var(--violet-dim); border-color:var(--border-mid); color:var(--violet); }

/* ── Vault overlay ── */
.nexus-vault-wrap { position:relative; }
.nexus-vault-overlay {
  position:absolute; inset:0; background:rgba(5,5,8,0.88);
  backdrop-filter:blur(6px); display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:6px;
}
.nexus-vault-icon  { font-size:28px; color:var(--violet); }
.nexus-vault-title { font-family:var(--font-display); font-size:14px; font-weight:700; letter-spacing:0.1em; color:var(--violet); }
.nexus-vault-sub   { font-family:var(--font-mono); font-size:8px; letter-spacing:0.07em; color:var(--text-muted); text-align:center; }
.nexus-vault-btn {
  margin-top:8px; font-family:var(--font-display); font-size:12px; font-weight:700;
  letter-spacing:0.08em; padding:6px 16px; border:1px solid var(--border-mid);
  border-radius:var(--radius-sm); background:var(--violet-dim); color:var(--violet);
  cursor:pointer; transition:background var(--fast);
}
.nexus-vault-btn:hover { background:rgba(167,139,250,0.25); }

/* ── NEXUS Panels ── */
.nexus-panel { background:var(--surface-1); border:1px solid var(--border-dim); border-radius:var(--radius-lg); margin-bottom:14px; overflow:hidden; }
.nexus-panel-header { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; border-bottom:1px solid var(--border-dim); }
.nexus-panel-title { font-family:var(--font-display); font-size:12px; font-weight:700; letter-spacing:0.1em; color:var(--text-secondary); text-transform:uppercase; }

/* ── Rep bar ── */
.nexus-rep-bar { height:4px; background:var(--surface-3); border-radius:2px; overflow:hidden; }
.nexus-rep-fill { height:100%; background:linear-gradient(90deg,var(--violet),var(--magenta)); border-radius:2px; animation:nexus-bar-load 1s ease-out; }

/* ── Upgrade modal overlay ── */
#nexus-upgrade-overlay { position: fixed; inset: 0; z-index: 9999; }