/* Custom Sleek Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.6);
}

::-webkit-scrollbar-thumb {
  background: rgba(71, 85, 105, 0.6);
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(20, 184, 166, 0.8);
}

/* Smooth Accordion */
.accordion-content {
  transition: max-height 0.25s ease-out, opacity 0.2s ease-out;
  overflow: hidden;
}

/* Card hover animation */
.exam-card {
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.exam-card:hover {
  transform: translateY(-2px);
}

/* Option letter pill */
.option-pill {
  transition: all 0.15s ease-in-out;
}

/* Correct answer highlight */
.option-correct {
  background-color: rgba(16, 185, 129, 0.15) !important;
  border-color: rgba(16, 185, 129, 0.8) !important;
  color: #34d399 !important;
}

.option-correct .option-badge {
  background-color: #10b981 !important;
  color: #0f172a !important;
}

/* Wrong answer highlight in practice mode */
.option-wrong {
  background-color: rgba(239, 68, 68, 0.15) !important;
  border-color: rgba(239, 68, 68, 0.8) !important;
  color: #f87171 !important;
}

.option-wrong .option-badge {
  background-color: #ef4444 !important;
  color: #ffffff !important;
}

/* Image zoom cursor */
.lightbox-trigger {
  cursor: zoom-in;
  transition: transform 0.2s ease;
}

.lightbox-trigger:hover {
  transform: scale(1.015);
}

/* Floating quick nav pill */
.nav-pill-active {
  background-color: #14b8a6 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}