/* ========== GITHUB STATS ========== */
.github-stats-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  max-width: 100%;
}

/* Contribution Streak Image */
.github-contribution-section {
  display: flex;
  justify-content: center; /* Center the small card */
  margin-bottom: var(--spacing-sm);
}

.github-contribution-section img {
  width: auto; /* Natural width */
  max-width: 100%; /* Responsive but not forcing full width */
  height: auto;
  display: block;
  border-radius: var(--radius-md);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: var(--transition-normal);
  /* Ensure it looks like a card */
  border: 1px solid #30363d;
}

.github-contribution-section img:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 255, 136, 0.15);
  border-color: rgba(0, 255, 136, 0.3);
}

/* Contribution Calendar (JS Library) */
.github-calendar-container {
  max-width: 100%;
  overflow-x: auto;
  padding: var(--spacing-md);
  background: #0d1117; /* GitHub Dark BG */
  border-radius: var(--radius-lg);
  border: 1px solid #30363d; /* GitHub Dark Border */
  transition: var(--transition-normal);
}

.calendar {
  color: #c9d1d9 !important; /* GitHub Text Color */
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji" !important;
  width: 100%;
  max-width: 100%;
  border: none;
}

/* Level 0 - Empty */
.ContributionCalendar-day[data-level="0"] {
  background-color: #212a39 !important;
}
/* Level 1 */
.ContributionCalendar-day[data-level="1"] {
  background-color: #0e4429 !important;
}
/* Level 2 */
.ContributionCalendar-day[data-level="2"] {
  background-color: #006d32 !important;
}
/* Level 3 */
.ContributionCalendar-day[data-level="3"] {
  background-color: #26a641 !important;
}
/* Level 4 */
.ContributionCalendar-day[data-level="4"] {
  background-color: #39d353 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .github-contribution-section,
  .github-calendar-container {
    overflow-x: auto;
  }

  .github-contribution-section img {
    max-width: 100%; /* Verify responsive on mobile */
  }
}