/**
 * ============================================
 * BADAN PENDIRI & HISTORIS STYLING
 * RSI Wonosobo - Profil Page
 * ============================================ */

/* Badan Pendiri Cards */
.pendiri-card {
  background: #FFFFFF;
  border-radius: 16px;
  transition: all 0.3s ease;
  border: 1px solid rgba(10, 27, 107, 0.06);
}

.pendiri-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(10, 27, 107, 0.1) !important;
}

.pendiri-avatar {
  position: relative;
}

.pendiri-avatar img,
.pendiri-avatar .rounded-circle {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Current Period Highlight */
.management-card.current-period {
  border: 2px solid #1B6B3A !important;
  background: linear-gradient(135deg, rgba(27, 107, 58, 0.02), rgba(27, 107, 58, 0.05));
  position: relative;
}

.management-card.current-period::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #1B6B3A, #2EA85E);
  border-radius: 16px 16px 0 0;
}

/* Historis Section Styling */
#historis-pimpinan .nav-pills-custom .nav-link {
  font-size: 14px;
  padding: 10px 20px;
}

#historis-pimpinan h5 {
  position: relative;
  padding-left: 16px;
}

#historis-pimpinan h5::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, #D4AF37, #F5A623);
  border-radius: 2px;
}

/* Periode Badge */
#historis-pimpinan .badge {
  font-size: 11px;
  padding: 4px 10px;
}

/* Avatar Icons for Fallback */
.management-avatar i {
  font-size: 2.5rem;
  color: #1B6B3A;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .pendiri-card .card-body {
    padding: 20px;
  }
  
  .pendiri-avatar img,
  .pendiri-avatar .rounded-circle {
    width: 80px !important;
    height: 80px !important;
  }
  
  #historis-pimpinan h5 {
    font-size: 16px;
  }
}