/**
 * Community Page Contrast Fix - Theme Level
 * Aggressive overrides to ensure readability
 */

/* Hub blocks with white backgrounds and better shadows */
.path-community .community-hub .hub-block,
body.path-community .hub-block {
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

/* Dark headers with guaranteed white text */
.path-community .hub-block .block-header,
body.path-community .block-header {
  background: linear-gradient(135deg, #2c3e50 0%, #3a4d63 100%) !important;
  color: #ffffff !important;
  padding: 20px 24px !important;
}

.path-community .hub-block .block-header h2,
.path-community .hub-block .block-header a,
body.path-community .block-header h2,
body.path-community .block-header a,
body.path-community .block-header .view-all {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
}

/* Content area with white background and dark text */
.path-community .hub-block .block-content,
body.path-community .block-content {
  background-color: #ffffff !important;
  color: #333333 !important;
  padding: 24px !important;
}

/* Item links with proper contrast */
.path-community .item-link,
.path-community .item-list a,
body.path-community .item-link,
body.path-community .item-list a {
  color: #2c3e50 !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  padding: 8px 0 !important;
  transition: all 0.2s ease !important;
}

.path-community .item-link:hover,
.path-community .item-list a:hover,
body.path-community .item-link:hover,
body.path-community .item-list a:hover {
  color: #d4a574 !important;
  background-color: #f8f9fa !important;
  margin-left: -8px !important;
  margin-right: -8px !important;
  padding-left: 16px !important;
  padding-right: 8px !important;
  border-radius: 4px !important;
}

/* Item titles with strong contrast */
.path-community .item-title,
body.path-community .item-title {
  color: #2c3e50 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  flex: 1 !important;
}

/* Metadata with readable gray */
.path-community .item-meta,
.path-community .comment-count,
.path-community .time-ago,
.path-community .date,
body.path-community .item-meta,
body.path-community .comment-count,
body.path-community .time-ago,
body.path-community .date {
  color: #6c757d !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

/* No items message with background */
.path-community .no-items,
body.path-community .no-items {
  background-color: #f8f9fa !important;
  color: #6c757d !important;
  padding: 32px 24px !important;
  border-radius: 8px !important;
  text-align: center !important;
  font-size: 15px !important;
  border: 1px dashed #dee2e6 !important;
}

.path-community .no-items a,
body.path-community .no-items a {
  color: #d4a574 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent !important;
  transition: border-color 0.2s !important;
}

.path-community .no-items a:hover,
body.path-community .no-items a:hover {
  color: #c19656 !important;
  border-bottom-color: #c19656 !important;
}

/* Leaderboard specific styles */
.path-community .leaderboard-item .user-link,
body.path-community .leaderboard-item .user-link {
  color: #2c3e50 !important;
  font-weight: 600 !important;
}

.path-community .leaderboard-item .user-link:hover,
body.path-community .leaderboard-item .user-link:hover {
  color: #d4a574 !important;
}

.path-community .leaderboard-item .points,
body.path-community .leaderboard-item .points {
  color: #d4a574 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

/* Rank badges with better visibility */
.path-community .rank,
body.path-community .rank {
  font-weight: 700 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.path-community .rank-1 .rank,
body.path-community .rank-1 .rank {
  background: linear-gradient(135deg, #ffd700, #ffed4e) !important;
  color: #2c3e50 !important;
}

.path-community .rank-2 .rank,
body.path-community .rank-2 .rank {
  background: linear-gradient(135deg, #c0c0c0, #e8e8e8) !important;
  color: #2c3e50 !important;
}

.path-community .rank-3 .rank,
body.path-community .rank-3 .rank {
  background: linear-gradient(135deg, #cd7f32, #e09654) !important;
  color: #ffffff !important;
}

/* Action buttons with proper contrast */
.path-community .action-btn,
body.path-community .action-btn {
  background-color: #ffffff !important;
  color: #2c3e50 !important;
  border: 2px solid #d4a574 !important;
  font-weight: 600 !important;
  padding: 14px 24px !important;
  transition: all 0.3s ease !important;
}

.path-community .action-btn:hover,
body.path-community .action-btn:hover {
  background-color: #d4a574 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(212, 165, 116, 0.3) !important;
}

.path-community .action-btn.primary,
body.path-community .action-btn.primary {
  background: linear-gradient(135deg, #d4a574, #c19656) !important;
  color: #ffffff !important;
  border: none !important;
}

.path-community .action-btn.primary:hover,
body.path-community .action-btn.primary:hover {
  background: linear-gradient(135deg, #c19656, #b08545) !important;
}

/* Main hub header improvements */
.path-community .hub-header,
body.path-community .hub-header {
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;
  color: #ffffff !important;
}

.path-community .hub-header h1,
body.path-community .hub-header h1 {
  color: #ffffff !important;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3) !important;
}

.path-community .hub-subtitle,
body.path-community .hub-subtitle {
  color: #ffd4a3 !important;
  font-size: 1.2em !important;
}

/* Ensure all text in content blocks is readable */
.path-community .block-content p,
.path-community .block-content div,
.path-community .block-content span,
body.path-community .block-content p,
body.path-community .block-content div,
body.path-community .block-content span {
  color: #333333 !important;
}

/* Links within content */
.path-community .block-content a:not(.item-link):not(.user-link):not(.action-btn),
body.path-community .block-content a:not(.item-link):not(.user-link):not(.action-btn) {
  color: #d4a574 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.path-community .block-content a:not(.item-link):not(.user-link):not(.action-btn):hover,
body.path-community .block-content a:not(.item-link):not(.user-link):not(.action-btn):hover {
  color: #c19656 !important;
  text-decoration: underline !important;
}

/* List styling improvements */
.path-community .item-list,
body.path-community .item-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.path-community .item-list li,
body.path-community .item-list li {
  padding: 12px 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

.path-community .item-list li:last-child,
body.path-community .item-list li:last-child {
  border-bottom: none !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .path-community .hub-block .block-content,
  body.path-community .block-content {
    padding: 16px !important;
  }
  
  .path-community .item-title,
  body.path-community .item-title {
    font-size: 14px !important;
  }
  
  .path-community .item-meta,
  body.path-community .item-meta {
    font-size: 12px !important;
  }
}/* Test update - Thu Aug 21 10:50:02 PDT 2025 */