/* Yapper v3.62 — reply controls visual correction.
   Keep v3.61 behavior; only restore the established Liquid Glass/text geometry. */

/* The moved Delete Yap control should stay the old text action, not become a pill. */
#yapFeed .delete-yap-top,
#yapFeed .delete-yap-top:is(:hover, :active, :focus-visible) {
  display: inline !important;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 2px 0 0 auto !important;
  padding: 2px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: var(--secondary-text) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  transform: none !important;
}

#yapFeed .delete-yap-top:is(:hover, :focus-visible) {
  color: var(--text) !important;
  text-decoration: underline !important;
}

/* The circular Post Reply arrow uses Yapper's normal Liquid Glass control,
   not the accent-blue selected state. */
#yapFeed .yap-replies-panel .send-reply-button,
#yapFeed .yap-replies-panel .send-reply-button.sent-state,
#yapFeed .yap-replies-panel .send-reply-button:disabled {
  background:
    linear-gradient(145deg, var(--glass-highlight-soft) 0%, transparent 50%),
    var(--glass-control) !important;
  color: var(--text) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow:
    inset 0 1px 0 var(--glass-highlight),
    0 7px 18px rgba(0, 0, 0, 0.08) !important;
  filter: none !important;
}

#yapFeed .yap-replies-panel .send-reply-button:is(:hover, :active, :focus-visible),
#yapFeed .yap-replies-panel .send-reply-button.sent-state:is(:hover, :active, :focus-visible) {
  background:
    linear-gradient(145deg, var(--glass-highlight) 0%, transparent 50%),
    var(--glass-control-hover) !important;
  color: var(--text) !important;
  border-color: var(--glass-highlight) !important;
  box-shadow:
    inset 0 1px 0 var(--glass-highlight),
    0 8px 20px rgba(0, 0, 0, 0.10) !important;
}

#yapFeed .yap-replies-panel .send-reply-button:disabled {
  opacity: .65 !important;
}

/* One canonical reply glyph in every open/closed state. Never fill or morph it. */
#yapFeed .reply-yap-button .reply-action-icon {
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 19px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  shape-rendering: geometricPrecision;
}

#yapFeed .reply-yap-button.active .reply-action-icon,
#yapFeed .reply-yap-button:not(.active) .reply-action-icon {
  fill: none !important;
  stroke: currentColor !important;
}

@media (max-width: 760px) {
  #yapFeed .delete-yap-top,
  #yapFeed .delete-yap-top:is(:hover, :active, :focus-visible) {
    margin-top: 1px !important;
    padding: 2px 0 !important;
    font-size: 12px !important;
  }
}