/* General container style */
.chapter-list {
  /* Removed the background color to make it default/transparent */
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
  color: #fff; /* White text */
}

/* Style for each list item */
.chapter-list li {
  border-bottom: 1px solid #333; /* Lighter border for list items */
  margin-bottom: 5px;
  padding-bottom: 5px;
  transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transition for hover effects */
}

/* Last item shouldn't have a bottom border */
.chapter-list li:last-child {
  border-bottom: none;
}

/* Style for links */
.chapter-list li a {
  color: #4baeff; /* Blue color for links */
  text-decoration: none;
  display: block; /* Make the link fill the entire list item for hover effect */
  padding: 10px 15px; /* Padding for the link to increase clickable area */
  transition: color 0.3s ease; /* Smooth color transition for hover */
}

/* Hover effect for the list item */
.chapter-list li:hover {
  background-color: #333333; /* Darker background on hover */
  transform: translateX(5px); /* Slight move to the right */
}

/* Hover effect for links */
.chapter-list li a:hover {
  color: #82d4ff; /* Lighter blue on hover */
}

/* Active or current reading chapter style */
.chapter-list li a.current-chapter {
  color: #eaff4b; /* Highlight color for the current chapter */
  font-weight: bold;
}