/* Styling khusus halaman Profil (views/profile.ejs). */

.profile-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.profile-stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.profile-rate-stars {
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
.profile-rate-stars button {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--accent);
  padding: 2px;
  line-height: 0;
}
.profile-rate-stars button:hover {
  transform: scale(1.1);
}