/**
 * @file
 * Styles for the course program selector webform element.
 */

.course-program-selector {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Muted disabled selects so applicants understand they must complete upstream
   steps before the downstream select becomes active. */
.course-program-selector select:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

/* Second-choice informational notice. */
.course-program-selector__second-choice-notice {
  margin-bottom: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: #fff8e1;
  border-left: 4px solid #f9a825;
  font-size: 0.9rem;
}

/* Inline duplicate error. */
.course-program-selector__duplicate-error {
  margin-top: 0.5rem;
}