.max-lines-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(1lh);
  /* 1 × current element's line-height */
}

.max-lines-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(2lh);
  /* 2 × current element's line-height */
}

.max-lines-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(3lh);
  /* 3 × current element's line-height */
}

.max-lines-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(4lh);
  /* 4 × current element's line-height */
}

.max-lines-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(5lh);
  /* 5 × current element's line-height */
}

.max-lines-6 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(6lh);
  /* 6 × current element's line-height */
}

.toggle-password {
  font-size: 1.25rem;
  /* Adjust size if needed */
  color: #6c757d;
  /* Subdued gray color */
  transition: color 0.2s;
}

.toggle-password:hover {
  color: #343a40;
  /* Darker on hover */
}

.user-initials-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bs-primary);
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
}

/* Dezactivează efectul de Drop Cap în conținutul postării */
.post-content p::first-letter {
  initial-letter: normal !important;
  all: unset !important;
  font-size: inherit !important;
  line-height: inherit !important;
  display: inline !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: inherit !important;
  color: inherit !important;
}