/* Styles of list/templates/list/create_wish_list_form.html, moved out of its inline <style>. */

/* Occasion category chips (light modal variant) */
#createWishListModal .ws-occasion-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#createWishListModal .ws-occasion-chip { margin: 0; cursor: pointer; }
#createWishListModal .ws-occasion-chip input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
#createWishListModal .ws-occasion-chip span {
  display: inline-block;
  padding: 7px 13px;
  border-radius: 999px;
  border: 1.5px solid #dee2e6;
  background: #fff;
  color: #16181d;
  font-weight: 600;
  font-size: 0.88rem;
  transition: all 0.18s ease;
  user-select: none;
}
#createWishListModal .ws-occasion-chip:hover span { border-color: #fea64d; }
#createWishListModal .ws-occasion-chip input:checked + span {
  background: linear-gradient(135deg, #fea64d, #ffb977);
  border-color: #fea64d;
  color: #16181d;
}
#createWishListModal .ws-occasion-chip input:focus-visible + span {
  outline: 3px solid rgba(254, 166, 77, 0.45);
  outline-offset: 2px;
}