/* Themed Avatar Styling
 * This file provides styling for profile avatars to match the selected color theme
 */

/* Default theme (Twitter blue) */
.social1-profile-img i.bi-person-circle,
.social1-post-avatar i.bi-person-circle,
.social1-follow-avatar i.bi-person-circle {
  color: #1DA1F2;
  background-color: rgba(29, 161, 242, 0.1);
  border-radius: 50%;
  padding: 5px;
}

/* Purple theme */
.theme-purple .social1-profile-img i.bi-person-circle,
.theme-purple .social1-post-avatar i.bi-person-circle,
.theme-purple .social1-follow-avatar i.bi-person-circle {
  color: #6c5ce7;
  background-color: rgba(108, 92, 231, 0.1);
}

/* Green theme */
.theme-green .social1-profile-img i.bi-person-circle,
.theme-green .social1-post-avatar i.bi-person-circle,
.theme-green .social1-follow-avatar i.bi-person-circle {
  color: #27ae60;
  background-color: rgba(39, 174, 96, 0.1);
}

/* Coral theme */
.theme-coral .social1-profile-img i.bi-person-circle,
.theme-coral .social1-post-avatar i.bi-person-circle,
.theme-coral .social1-follow-avatar i.bi-person-circle {
  color: #ff7675;
  background-color: rgba(255, 118, 117, 0.1);
}

/* Teal theme */
.theme-teal .social1-profile-img i.bi-person-circle,
.theme-teal .social1-post-avatar i.bi-person-circle,
.theme-teal .social1-follow-avatar i.bi-person-circle {
  color: #00bcd4;
  background-color: rgba(0, 188, 212, 0.1);
}

/* Amber theme */
.theme-amber .social1-profile-img i.bi-person-circle,
.theme-amber .social1-post-avatar i.bi-person-circle,
.theme-amber .social1-follow-avatar i.bi-person-circle {
  color: #ff9800;
  background-color: rgba(255, 152, 0, 0.1);
}

/* Dark mode adjustments */
.dark-mode .social1-profile-img i.bi-person-circle,
.dark-mode .social1-post-avatar i.bi-person-circle,
.dark-mode .social1-follow-avatar i.bi-person-circle {
  background-color: rgba(255, 255, 255, 0.05);
}

/* Profile avatar styling */
.social1-profile-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Add subtle transition effect */
.social1-profile-img i.bi-person-circle,
.social1-post-avatar i.bi-person-circle,
.social1-follow-avatar i.bi-person-circle {
  transition: all 0.3s ease;
}

/* Hover effects */
.social1-profile-section:hover .social1-profile-img i.bi-person-circle {
  transform: scale(1.1);
}

/* Profile card avatar */
.profile-card .profile-avatar i.bi-person-circle {
  font-size: 80px !important;
  margin-bottom: 15px;
}