/* Dating moment — Like + Send message actions */

.dating-moment-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 10px 12px 12px;
  border-top: 1px solid var(--surface-border);
}

.dating-moment-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--surface-border);
  background: var(--surface-soft);
  color: var(--text-primary);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.dating-moment-action:disabled {
  cursor: default;
  opacity: 0.72;
}

.dating-moment-action-like {
  color: #be185d;
  border-color: color-mix(in srgb, #ec4899 24%, var(--surface-border));
  background: color-mix(in srgb, #ec4899 6%, var(--bg-elevated));
}

.dating-moment-action-like:hover:not(:disabled) {
  background: color-mix(in srgb, #ec4899 12%, var(--bg-elevated));
}

.dating-moment-action-active {
  background: color-mix(in srgb, #ec4899 14%, var(--bg-elevated));
}

.dating-moment-action-muted {
  color: var(--text-muted);
  background: var(--surface-soft);
}

.dating-moment-action-message {
  color: var(--text-primary);
}

.dating-moment-action-message:hover {
  background: var(--bg-slate);
}

@media (max-width: 420px) {
  .dating-moment-actions {
    grid-template-columns: 1fr;
  }
}