.org-chart .team-item {
  transition: transform 0.3s ease;
}
.org-chart .team-item:hover {
  transform: translateY(-5px);
}
.org-chart .team-image img {
  border: 3px solid #f0f0f0;
}

/* Fine-tune org-level grid spacing */
.org-level-members .team-item {
  transition: transform 0.3s ease;
}

.org-level-members .team-item:hover {
  transform: translateY(-5px);
}

/* For large screens - balance layout */
@media (min-width: 992px) {
  .org-level-members .row {
    flex-wrap: wrap;
    justify-content: center;
  }

  .org-level-members .col-lg-3 {
    flex: 0 0 22%; /* ensures up to 4 per row */
    max-width: 22%;
    /*margin: 0 1%;*/
  }
}

/* Medium screens - 3 per row */
@media (min-width: 768px) and (max-width: 991px) {
  .org-level-members .col-md-4 {
    flex: 0 0 30%;
    max-width: 30%;
  }
}

/* Small screens - 2 per row */
@media (max-width: 767px) {
  .org-level-members .col-6 {
    flex: 0 0 45%;
    max-width: 45%;
  }
}


/* Floating "Currently Viewing" label */
.current-level-label {
  position: fixed;
  top: 80px; /* adjust for your navbar height */
  right: 30px;
  background: rgba(0,0,0,0.75);
  color: #fff;
  padding: 10px 18px;
  border-radius: 6px;
  font-size: 0.95rem;
  z-index: 1000;
  backdrop-filter: blur(5px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 0;
  transform: translateY(-10px);
}

.current-level-label.visible {
  opacity: 1;
  transform: translateY(0);
}

.current-level-label span {
  font-weight: 600;
  color: #ffcd00; /* Jamaican gold highlight */
}