/**
 * Video Ranking Widget Styles
 * Part of the Golcam design system
 */

/* Video Ranking Widget specific styles */
.gc-video-ranking-widget .gc-player-item {
  position: relative;
  transition: all 0.3s ease;
}

/* Hover effect on list items */
.gc-video-ranking-widget .gc-player-item:hover {
  transform: translateX(5px);
  background-color: rgba(52, 152, 219, 0.05);
}

/* Video count styling */
.gc-video-ranking-widget .gc-player-video-count {
  font-weight: 700;
  color: var(--gc-primary-color, #3498db);
}

/* Video icon styling */
.gc-video-ranking-widget .gc-player-stats i {
  color: var(--gc-accent-color, #e74c3c);
  margin-right: 5px;
  font-size: 0.9em;
}

/* Rank number styling */
.gc-video-ranking-widget .gc-player-rank {
  background: linear-gradient(135deg, var(--gc-primary-color, #3498db), var(--gc-primary-dark, #2980b9));
  color: white;
  font-weight: 700;
}

/* Top 3 visual distinction */
.gc-video-ranking-widget .gc-player-item:nth-child(1) .gc-player-rank {
  background: linear-gradient(135deg, #f1c40f, #f39c12);
  box-shadow: 0 2px 10px rgba(243, 156, 18, 0.3);
}

.gc-video-ranking-widget .gc-player-item:nth-child(2) .gc-player-rank {
  background: linear-gradient(135deg, #bdc3c7, #95a5a6);
  box-shadow: 0 2px 8px rgba(149, 165, 166, 0.3);
}

.gc-video-ranking-widget .gc-player-item:nth-child(3) .gc-player-rank {
  background: linear-gradient(135deg, #d35400, #e67e22);
  box-shadow: 0 2px 8px rgba(230, 126, 34, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .gc-video-ranking-widget .gc-player-stats {
    font-size: 12px;
  }
}