/* Faculty Cards Styles */

.faculty-section {
  padding: var(--space-4) 0;
}

.faculty-card {
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.faculty-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
}

.faculty-card-img {
  position: relative;
  overflow: hidden;
  padding-top: 100%; /* 1:1 Aspect Ratio */
}

.faculty-card-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.faculty-card:hover .faculty-card-img img {
  transform: scale(1.05);
}

.faculty-card-body {
  padding: var(--space-2);
}

.faculty-card-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: var(--neutral-900);
}

.faculty-card-subtitle {
  font-size: 0.875rem;
  color: var(--neutral-600);
  margin-bottom: var(--space-1);
}

.faculty-card-text {
  font-size: 0.875rem;
  color: var(--neutral-700);
  margin-bottom: var(--space-1);
}

.department-badge {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: var(--space-1);
}

/* Department color coding */
.dept-english {
  background-color: #E9D8FD;
  color: #553C9A;
}

.dept-mathematics {
  background-color: #BEE3F8;
  color: #2A4365;
}

.dept-science {
  background-color: #C6F6D5;
  color: #22543D;
}

.dept-social-studies {
  background-color: #FED7D7;
  color: #822727;
}

.dept-arts {
  background-color: #FEEBC8;
  color: #7B341E;
}

.dept-physical-education {
  background-color: #B2F5EA;
  color: #234E52;
}

.dept-languages {
  background-color: #FED7E2;
  color: #702459;
}

.dept-administration {
  background-color: #E2E8F0;
  color: #1A365D;
}

/* Social media links */
.faculty-social-links {
  display: flex;
  gap: 0.5rem;
  margin-top: var(--space-1);
}

.faculty-social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--neutral-200);
  color: var(--neutral-700);
  transition: all 0.3s ease;
}

.faculty-social-link:hover {
  background-color: var(--primary);
  color: white;
  transform: translateY(-2px);
}

.faculty-social-link.twitter:hover {
  background-color: #1DA1F2;
}

.faculty-social-link.facebook:hover {
  background-color: #4267B2;
}

.faculty-social-link.instagram:hover {
  background-color: #E1306C;
}

.faculty-social-link.linkedin:hover {
  background-color: #0077B5;
}

/* No results message */
.no-results {
  padding: var(--space-3);
  text-align: center;
  background-color: var(--neutral-200);
  border-radius: 8px;
  margin-top: var(--space-3);
}

/* Animation for new cards when filtering */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.faculty-card {
  animation: fadeIn 0.4s ease-out;
}