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

/* Lift the content slightly higher for better composition */
#hero {
  padding-top: 4vh;
}

@media (max-width: 768px) {
  #hero {
    padding-top: 8vh;
  }
}

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