/* Browse Topics popover: stronger hashtag controls and reliable visual states. */
.hashtag-popover .hashtag-item {
  min-height: 34px;
  padding: 8px 9px;
  border: 1px solid color-mix(in srgb, var(--season-accent, var(--green)) 28%, var(--season-border, #e8e7e1));
  border-radius: 7px;
  background: color-mix(in srgb, var(--season-accent, var(--green)) 7%, var(--season-surface, var(--paper)));
  color: var(--season-accent, var(--green)) !important;
  font-weight: 600;
  opacity: 1;
}

.hashtag-popover .hashtag-item:hover,
.hashtag-popover .hashtag-item:focus-visible {
  background: color-mix(in srgb, var(--season-accent, var(--green)) 14%, var(--season-surface, var(--paper)));
  border-color: var(--season-accent, var(--green));
  color: var(--season-accent, var(--green)) !important;
}

.hashtag-popover .hashtag-item small {
  color: var(--season-text, var(--muted)) !important;
  opacity: .72;
  font-weight: 500;
}

.hashtag-popover .popover-heading button {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid var(--season-border, var(--line));
  border-radius: 7px;
  color: var(--season-text, var(--muted)) !important;
  background: color-mix(in srgb, var(--season-text, var(--ink)) 5%, transparent) !important;
  opacity: 1;
}

.hashtag-popover .popover-heading button:hover,
.hashtag-popover .popover-heading button:focus-visible {
  color: var(--season-accent, var(--green)) !important;
  border-color: var(--season-accent, var(--green));
  background: color-mix(in srgb, var(--season-accent, var(--green)) 10%, transparent) !important;
}

.hashtag-popover .hashtag-list {
  gap: 5px;
}

.hashtag-popover {
  z-index: 50;
}